手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

javascript中如何使用nextSibling 属性

时间:2024-10-19 06:42:24

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

javascript中如何使用nextSibling 属性

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

javascript中如何使用nextSibling 属性

3、添加一个button按钮,在点击事件中加入自定义函数my艘绒庳焰nextSibling添加一p标签,设置id 为 shownextSibling

javascript中如何使用nextSibling 属性

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

javascript中如何使用nextSibling 属性

5、在自定义函数中获取li节点对象,用nextSibling属性来获取其后的节点对象,聪艄料姹再活节点对象的属性id

javascript中如何使用nextSibling 属性

6、在浏览器中打开文件该文件,点击button查看选取对象后边的子节点id并赋值到p标签

javascript中如何使用nextSibling 属性
© 手抄报圈