Element isEqualNode Method - Javascript DOM

Javascript examples for DOM:Element isEqualNode

  1. HOME
  2. Javascript
  3. DOM
  4. Element isEqualNode

Description

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 (could be in different order)

Parameter Values

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

Return Value:

A Boolean, returns true if the two nodes are equal, otherwise false

The following code shows how to Check if two list items in two different lists are equal:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body>

<p>Click the buttons to compare the <strong>first item</strong> in two of the lists.</p>

<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:/*  ww  w.j ava2  s . co m*/
<ul id="myList1"><li>Water</li><li>Milk</li></ul>
List 2:
<ul id="myList2"><li>Coffee</li><li>Tea</li></ul>
List 3:
<ul id="myList3"><li>Water</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>

Related Tutorials