HTML DOM NodeIterator nextNode() 方法

NodeIterator.nextNode()方法将 NodeIterator 设置为文档中的下一个节点并返回 nextNode。 nextNode() 的第一次调用返回集合中的第一个节点。

当集合中没有节点时，此方法返回null。

句法：

node = nodeIterator.nextNode();

参数：此方法不带参数。

返回值：此方法返回集合中的下一个节点。

示例：在此示例中，我们将创建一个节点迭代器，因此将使用 nextNode() 方法进行迭代。

 
  

    
    HTML | DOM nextNode() Method
   
  

      
     GeeksforGeeks
     
     
HTML | DOM nextNode() Method
    
  
    
    Click Here
    
    
     
        var a = document.getElementById("a");
        function Geeks(){
           const nodeIterator = document.createNodeIterator(
                document.body,
                NodeFilter.SHOW_ELEMENT
                )
             
            let nextNode=nodeIterator.nextNode();
            nextNode=nodeIterator.nextNode();
            nextNode=nodeIterator.nextNode();
            a.innerHTML =
'Next Node content is : '+nextNode.textContent;
            console.log(nextNode);
}

输出：

点击按钮前：

点击按钮后：

在控制台中：在控制台中，可以看到下一个节点。

支持的浏览器：

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