HTML DOM isSameNode() Method

The isSameNode() method checks whether the two nodes are the same or not. This method is different from isequalNode(), where two different nodes can be equal but not the same, here the same node means that they are referencing the same object. 

Syntax:

node.isSameNode(othernode)

Parameters: The “othernode” parameter is required in this function. 

Return Value: Returns a Boolean value, if matches then True else False

Example: In this example, we will use isSameNode() method

HTML




<!DOCTYPE html>
<html>
<head>
    <title>
        HTML | DOM isSameNode() Method
    </title>
 
    <!--script to check if nodes are same-->
    <script>
        function isequal() {
            let out = document.getElementById("result");
            let divele = document.getElementsByTagName("div");
            out.innerHTML += "element 1 equals element 1: " +
                divele[0].isSameNode(divele[0]) + "<br/>";
            out.innerHTML += "element 1 equals element 2: " +
                divele[0].isSameNode(divele[1]) + "<br/>";
            out.innerHTML += "element 1 equals element 3: " +
                divele[0].isSameNode(divele[2]) + "<br/>";
        }
    </script>
</head>
 
<body>
    <h3>Comparing the div elements.</h3>
 
    <!-- 3 div elements-->
    <div>w3wiki</div>
    <div>GfG</div>
    <div>w3wiki</div>
    <button onclick="isequal()">Check</button>
 
    <!-- Result-->
    <p id="result"></p>
</body>
</html>


Output: 

 

Supported Browsers: The browser supported by DOM isSameNode() Method are listed below:

  • Google Chrome 1
  • Edge 12
  • Internet Explorer 9
  • Opera 12.1
  • Safari 3
  • Firefox 48


Contact Us