Document Object Module DOM isEqualNode Method tutorial in JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>DOM isEqualNode Method JavaScript</title>
</head>
<body>
<ul id="list-1">
<li class="abc">Orange</li>
<li>Banana</li>
<li>Apple</li>
<li>Grapes</li>
</ul>
<ul id="list-2">
<li>Guava</li>
<li class="abc">Orange</li>
<li>Pineapple</li>
</ul>
<script src="js/DOM_isEqualNode_Method_JavaScript.js"></script>
</body>
</html>
Below File is js/DOM_isEqualNode_Method_JavaScript.js File
// The isEqualNode() returns true if two elements (or nodes) are equal.
// SYNTAX : element.isEqualNode(node) or node.isEqualNode(node)
var target1 = document.getElementById("list-1").firstElementChild;
var target2 = document.getElementById("list-2").firstElementChild;
var target3 = document.getElementById("list-2").children[1];
var equal = target1.isEqualNode(target2);
console.log(equal);
var equalTwo = target1.isEqualNode(target3);
console.log(equalTwo);
.png)
.png)
.png)
.png)
.png)
.png)
Comments
Post a Comment