Open In App

HTML DOM NodeIterator filter property

Last Updated : 29 Jul, 2020
Improve
Improve
Like Article
Like
Save
Share
Report

The NodeIterator filter property returns a NodeFilter object, which is an object that implements an acceptNode(node) method, used to screen nodes.

While creating a NodeIterator, the filter object is passed as the third parameter in createNodeIterator() method, and the object method acceptNode(node) is called on every single node to determine whether to accept it. This is a read-only property.

Syntax:

nodeFilter = nodeIterator.filter;

Return Value: returns a NodeFilter object.

Example: In this example, we will create a node iterator and will get the NodeFilter object using this property.




<!DOCTYPE HTML> 
<html>  
<head>
    <meta charset="UTF-8">
    <title>HTML | DOM NodeIterator filter property</title>
</head>   
  
<body style="text-align:center;">
    <h1 style="color:green;">  
     GeeksforGeeks
    </h1
    <p
HTML | DOM NodeIterator filter property
    </p>
  
    <button onclick = "Geeks()">
    Click Here
    </button>
    <p id="a"></p>
    <script
        var a = document.getElementById("a");
        function Geeks(){
           const nodeIterator = document.createNodeIterator(
            document.body,
            NodeFilter.SHOW_ELEMENT,
            { acceptNode: function(node) {
 return NodeFilter.FILTER_ACCEPT; } },
            false
        );
           console.log(nodeIterator.filter);
             
}
</script>
</body>
</html>


Output:

Before Clicking Button:

After Clicking Button: In the console, the NodeFilter object can be seen.

Supported Browsers:

  • Google Chrome
  • Edge
  • Firefox
  • Safari
  • Opera
  • Internet Explorer


Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads