HTML DOM TreeWalker nextSibling() 方法

简介

nextSibling()方法是TreeWalker对象的一个方法，用于在HTML DOM树中遍历节点并返回下一个兄弟节点。

语法

walker.nextSibling();

参数

无，该方法不接受任何参数。

返回值

返回下一个兄弟节点，如果不存在，则返回null。

示例

<ul id="myList">
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
  <li>item 4</li>
  <li>item 5</li>
</ul>

var myList = document.getElementById("myList");
var walker = document.createTreeWalker(myList, NodeFilter.SHOW_ELEMENT);

var current = walker.currentNode; // 当前节点为<ul>

while (current) {
  console.log(current.tagName); // 输出<ul>、<li>依次输出
  current = walker.nextSibling(); // 移至下一个兄弟节点
}

以上示例遍历了<ul>节点的兄弟节点，并输出其标签名。注意walker最初的位置是在<ul>节点上，因此第一次输出的是<ul>标签。

兼容性

该方法兼容性良好，适用于大部分现代浏览器。

参考文献

• MDN Web Docs - TreeWalker.nextSibling()