1.获取当前标签中所有的子级节点,执行结果是一个伪数组,可以forEach()
形式是与querySelectorAll()获取的伪数组是一样的
oDiv.childNodes
2.获取当前标签中,所有的元素节点/标签节点,执行结果是一个伪数组,不可以forEach()
oDiv.children
3.获取当前标签中,第一个节点
oDiv.firstChild
4.获取当前标签中,最后一个节点
oDiv.lastChild
5.获取当前标签中,第一个标签节点,其他节点不会获取
oDiv.firstElementChild
6…获取当前标签中,最后一个标签节点,其他节点不会获取
oDiv.lastElementChild
7.获取当前标签,上一个兄弟节点(找哥哥),如果没有执行结果是null
oDiv.previousSibling
8.获取当前标签,下一个兄弟节点(找弟弟),如果没有执行结果是null
oDiv.nextSibling
9.获取当前标签,上一个兄弟元素节点(找标签哥哥)
oDiv.previousElementSibling
10.获取当前标签,下一个兄弟元素节点(找标签弟弟)
oDiv.nextElementSibling
11.获取当前标签,父级节点,只获取直接父级节点
oDiv.parentNode
12.获取当前标签所有属性节点,执行结果是伪数组,不能forEach
oDiv.attributes
总结:
通过节点操作获取的对象/伪数组与通过DOM操作的对象/伪数组,形式上是一致的
可以相互操作,DOM方法可以操作节点对象
节点方法可以操作DOM对象
只要正确的获取对象,之后想怎么操作,就怎么操作
执行结果,伪数组/对象,伪数组有的可以forEach,有的不能forEach
JavaScript节点操作之获取节点
最新推荐文章于 2024-06-13 20:31:52 发布