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