js 获取兄弟节点的问题

it2024-05-11  47

js关于获取关于兄弟节点nextSibling、previousSibling、和nextElementSibling、previousElementSibling

<div id="a">我是大哥a</div>aaa <div id="b">我是二哥b</div> <div id="c">我是三弟c</div> const sibling = document.querySelector('#b') console.log(sibling.nextSibling); console.log(sibling.previousSibling) console.log(sibling.nextElementSibling) console.log(sibling.previousElementSibling)

这段代码片打印的是:

由打印结果得出结论:nextSibling和nextElementSibling都是获取下一个节点的,但是nextSibling获取的节点包括元素节点和文本节点(换行也算一个文本节点);nextElementSibling只能获取元素节点,就是我们的标签。

previousSibling和previousElementSibling跟上述的一样前者能获取所有节点,后者只获取元素节点;在实战开发中我们比较常用的只是获取元素节点,所以nextElementSibling和previousElementSibling使用的比较多。

还有如果需要获取的那个节点为空,那么它会返回一个null

 

最新回复(0)