2024-04-12 15:01:15 -04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<p>Click the buttons to compare the <strong>first item</strong> in two of the lists.</p>
|
|
|
|
|
|
|
|
|
|
<button onclick="testFunction('myList1','myList2')">Compare List 1 and 2</button>
|
|
|
|
|
<button onclick="testFunction('myList1','myList3')">Compare List 1 and 3</button>
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
List 1:
|
|
|
|
|
<ul id="myList1"><li><a href="/" rel="nofollow">Water</a></li><li>Milk</li></ul>
|
|
|
|
|
List 2:
|
|
|
|
|
<ul id="myList2"><li>Coffee</li><li>Tea</li></ul>
|
|
|
|
|
List 3:
|
|
|
|
|
<ul id="myList3"><li><a href="/" rel="nofollow">Water</a></li><li>Fire</li></ul>
|
|
|
|
|
|
|
|
|
|
<p><strong>Note:</strong> Internet Explorer 8 and earlier does not support the isEqualNode method.</p>
|
|
|
|
|
|
|
|
|
|
<p id="demo"></p>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
function testFunction(x, y, expected) {
|
|
|
|
|
var item1 = document.getElementById(x).firstChild;
|
|
|
|
|
var item2 = document.getElementById(y).firstChild;
|
|
|
|
|
var res = item1.isEqualNode(item2);
|
|
|
|
|
console.assert(res === expected, x, y, expected);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
console.error('element.isEqualNode.html');
|
|
|
|
|
testFunction('myList1', 'myList2', false);
|
|
|
|
|
testFunction('myList1', 'myList3', true);
|
2024-06-01 07:30:03 -04:00
|
|
|
console.exit();
|
2024-04-12 15:01:15 -04:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
