HTML DOM Node.getRootNode() method

Last Updated : 12 Jul, 2022

The getRootNode() method returns the node object’s root node, it optionally also includes the shadow root if it is available.

Syntax:

var rootNode = node.getRootNode(Composed:boolean);

Parameters: Composed:Boolean(optional)

Composed: A Boolean that indicates if the shadow root should be returned (false), or a root node beyond shadow root (true).

Return Value: Root node of the object.

Example: This example shows how to get the root node of an object using this method.

html

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
<title>HTML DOM Node getRootNode() method</title>    
</head>
<body>
    <h1>GeeksforGeeks</h1>
    <p>Click to Check</p>
    <button onclick="Check()">Click Here</button>
    <div class="child"></div>
</body>
<script>
    function Check(){
         var child = document.querySelector('.child');
         console.log(child.getRootNode());
        }
</script>
</html>