HTML DOM NodeIterator root Property

Last Updated : 27 Jul, 2020

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;"> 
        GeeksforGeeks 
    </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> 