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;"> neveropen </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
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
