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使用的比较多。