HTML DOM TreeWalker nextNode() 方法

TreeWalker nextNode()方法将当前节点移动到文档顺序中的下一个可见节点，并返回找到的节点。如果文档中不存在这样的孩子，则此方法返回null 。

句法：

node = treeWalker.nextNode();

参数：此方法不带参数。

返回值：

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

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

    
HTML DOM TreeWalker nextNode() method    


    GeeksforGeeks
    Click Below
    Click


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

输出：

点击按钮前：

单击按钮后：在控制台中，可以看到 TreeWalker 节点的下一个可见子节点

标记。

支持的浏览器：

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