Skip to content
Related Articles

Related Articles

HTML | DOM isEqualNode() Method

View Discussion
Improve Article
Save Article
  • Last Updated : 12 Jul, 2022

The isEqualNode() method checks whether the two nodes are equal or not. These nodes are considered equal if they are of the same type, having the same characteristics and the same attributes. The attributes do not have to be in the same order. 

Syntax:

node.isEqualNode(othernode)

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

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

Example: 

html




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

Output: 

Before clicking on the Check button:

  

After clicking on the Check button:

  

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

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

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!