The isEqualNode()
method of the Node
interface tests whether two nodes are equal. Two nodes are equal when they have the same type, defining characteristics (for elements, this would be their ID, number of children, and so forth), its attributes match, and so on. The specific set of data points that must match varies depending on the types of the nodes.
On this page
Node: isEqualNode() method
Syntax
js
isEqualNode(otherNode)
Parameters
Return value
A boolean value that is true
if the two nodes are equals, or false
if not. If otherNode
is null
, isEqualNode()
always return false.
Example
In this example, we create three <div>
blocks. The first and third have the same contents and attributes, while the second is different. Then we run some JavaScript to compare the nodes using isEqualNode()
and output the results.
HTML
html
<div>This is the first element.</div>
<div>This is the second element.</div>
<div>This is the first element.</div>
<p id="output"></p>
JavaScript
js
let output = document.getElementById("output");
let divList = document.getElementsByTagName("div");
output.innerHTML += `div 0 equals div 0: ${divList[0].isEqualNode(
divList[0],
)}<br/>`;
output.innerHTML += `div 0 equals div 1: ${divList[0].isEqualNode(
divList[1],
)}<br/>`;
output.innerHTML += `div 0 equals div 2: ${divList[0].isEqualNode(
divList[2],
)}<br/>`;
Results
Specifications
Specification |
---|
DOM Standard # ref-for-dom-node-isequalnode① |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
isEqualNode |
1 | 12 | 1 | 9 | ≤12.1 | 3 | 4.4 | 18 | 4 | ≤12.1 | 1 | 1.0 |
See also
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Node/isEqualNode