javascript 如何使用nextElementSibling属性

 时间:2024-10-13 05:54:39

1、创建一个名称为 nextElementSibling 的html文件

javascript 如何使用nextElementSibling属性

2、添加一个ul无序列表,设置li的id和内容

javascript 如何使用nextElementSibling属性

3、添加一个button按钮,在点击事件中加入自定义函数mynextElementSibling添加一p标签,设置id 为 shownextElementSibling

javascript 如何使用nextElementSibling属性

4、创建一个自定义函数 mynextElementSibling

javascript 如何使用nextElementSibling属性

5、在自定义函数中获取第一个li对象通过nextElementSibling属性获取下个兄弟元素对象并通过innerHTML属性来获取内容赋值到p标签

javascript 如何使用nextElementSibling属性

6、在浏览器中打开文件,点击button查看获取下个兄弟元素内容的效果

javascript 如何使用nextElementSibling属性
  • 室内设计中的经济性概念要如何深入理解?
  • 新入职公务员如何融入单位
  • 宣传单有什么妙用?
  • 六个月婴儿紧张力过高怎么办
  • 最小的两位数是10,最大的一位数是9,它们的差是?和是
  • 热门搜索
    怎么删除分隔符 莲花山怎么去 咳嗽老不好怎么办 斤五笔怎么打 苹果手机进水怎么办 怎么添加输入法 晚上睡觉出虚汗怎么回事 寻人启事怎么写 生粉怎么用 宫颈炎是怎么引起的