<html>
<body>
<button onclick="myFunction('myList1','myList2')">Compare List 1 and 2</button>
<button onclick="myFunction('myList1','myList3')">Compare List 1 and 3</button>
<p id="demo">Click the buttons to compare the <em>first item</em> in two of the lists.</p>
List 1:
<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>
<script>
function myFunction(x,y)
{
var item1=document.getElementById(x).firstChild;
var item2=document.getElementById(y).firstChild;
var x=document.getElementById("demo");
x.innerHTML=item1.isEqualNode(item2);
}
</script>
<p><strong>Note:</strong> Internet Explorer 8 and earlier does not support the isEqualNode method.</p>
</body>
</html>