The root property for NodeIterator returns the Node that is the root on which the NodeIterator traverses. This is a read-only property.
Syntax:
root = nodeIterator.root;
Return Value: Returns the root Node.
Example: In this example, we will create a node iterator and will get the root node using this property.
HTML
<!DOCTYPE HTML> <html> <body style="text-align:center;"> <h1 style="color:green;"> neveropen </h1> <p> HTML | DOM NodeIterator root 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.root); } </script> </body> </html> |
Output:
-
Before Clicking the Button:
-
After Clicking the Button: In the console, the root node 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!
… [Trackback]
[…] Find More to that Topic: geeksforgeeks.org/html-dom-nodeiterator-root-property/ […]
… [Trackback]
[…] Read More Information here on that Topic: geeksforgeeks.org/html-dom-nodeiterator-root-property/ […]