Javascript DOM HTML Node isEqualNode Method

Introduction

Check if two list items in two different lists are equal:

Click the buttons to compare the first item in two of the lists.

View in separate window 

<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction('myList1','myList2')">Compare List 1 and 2</button>
<button onclick="myFunction('myList1','myList3')">Compare List 1 and 3</button>
<br><br>

List 1:/*  w w  w  .  j  a v  a 2s.c o m*/
<ul id="myList1"><li>SQL</li><li>Java</li></ul>
List 2:
<ul id="myList2"><li>CSS</li><li>HTML</li></ul>
List 3:
<ul id="myList3"><li>SQL</li><li>Fire</li></ul>

<p id="demo"></p>

<script>
function myFunction(x,y) {
  var item1 = document.getElementById(x).firstChild;
  var item2 = document.getElementById(y).firstChild;
  var x = item1.isEqualNode(item2);
  document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>

The isEqualNode() method checks if two nodes are equal.

Two nodes are equal if all the following conditions are true:

  • They have the same Node Type
  • They have the same nodeName, NodeValue, localName, nameSpaceURI and prefix
  • They have the same childNodes with all the descendants
  • They have the same attributes and attribute values. The attributes does not have be in the same order.

Use the isSameNode() method to determine if two nodes are the same node. 

isEqualNode(node);

Parameter Values

Parameter TypeDescription
node Node object Required. The node you want to compare the specified node with

The isEqualNode() method returns returns true if the two nodes are equal, otherwise false




PreviousNext

Related