Open In App

HTML DOM NodeIterator filter property

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:


Article Tags :