HTML DOM TreeWalker nextSibling() 方法

TreeWalker nextSibling()方法将当前节点移动到其下一个兄弟节点（如果有），并返回找到的兄弟节点。如果文档中不存在这样的孩子，则此方法返回null 。

句法：

node = treeWalker.nextSibling();

参数：此方法不带参数。

返回值：

• 如果存在，则返回当前节点的下一个可见兄弟节点。
• 如果不存在这样的孩子，则返回null。

示例：在此示例中，我创建了一个带有body节点的 TreeWalker，因此显示了该 TreeWalker 的第一个节点的下一个可见兄弟节点。

    
HTML DOM TreeWalker nextSibling() method    


    GeeksforGeeks
    Click Below
    Click


        var treeWalker = document.createTreeWalker(
        document.body,
        NodeFilter.SHOW_ELEMENT,
        { acceptNode: function(node) { 
return NodeFilter.FILTER_ACCEPT; } },
        false
);
        function get(){
            treeWalker.firstChild();
            var node = treeWalker.nextSibling();
            console.log(node) 
        }

输出：

点击按钮前：

单击按钮后：在控制台中，可以看到 TreeWalker 节点的 body 的第一个元素的下一个可见兄弟节点，即

标记。

支持的浏览器：

• 谷歌浏览器
• 边缘
• 火狐
• 苹果浏览器
• 歌剧
• IE浏览器