HTML DOM createNodeIterator() 方法

createNodeIterator() 方法用于创建节点迭代器，因此使用该节点迭代器我们可以迭代节点。

句法：

const nodeIterator = document.createNodeIterator(root[, whatToShow[, filter]]);

参数：

• root :开始节点迭代器遍历的根节点。
• whatToShow(Optional)：这是一个可选参数，表示通过组合 NodeFilter 的常量属性创建的位掩码。以下是无符号常量的可能值。

Constant	Return Value	Constant Description
NodeFilter.SHOW_ALL	1	Shows all nodes.
NodeFilter.SHOW_COMMENT	128	Shows Comment nodes.
NodeFilter.SHOW_DOCUMENT	256	Shows Document nodes.
NodeFilter.SHOW_DOCUMENT_FRAGMENT	1024	Shows DocumentFragment nodes.
NodeFilter.SHOW_DOCUMENT_TYPE	512	Shows DocumentType nodes.
NodeFilter.SHOW_ELEMENT	1	Shows Element nodes.
NodeFilter.SHOW_PROCESSING_INSTRUCTION	64	Shows ProcessingInstruction nodes.
NodeFilter.SHOW_TEXT	4	Shows Text nodes.

• filter（可选）：实现 NodeFilter 接口的对象。 Exp, NodeFilter.FILTER_ACCEPT。

返回值：此方法返回一个节点迭代器。

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

 
  

    
    HTML | DOM createNodeIterator() Method
    
   
  

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

输出：

点击按钮前：

点击按钮后：

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

支持的浏览器：

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