HTML DOM NodeIterator root Property

0 0 1 minute read

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;"> 
        zambiatek 
    </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, zambiatek 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!