Node: isEqualNode() method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

TheisEqualNode() method of theNode interface tests whether two nodes are equal.Two nodes are equal when they have the same type, defining characteristics (forelements, this would be their ID, number of children, and so forth), its attributesmatch, and so on. The specific set of data points that must match varies depending onthe types of the nodes.

Syntax

isEqualNode(otherNode)

Parameters

otherNode: TheNode to compare equality with.
Note:This parameter is not optional, but can be set tonull.

Return value

A boolean value that istrue if the two nodes are equals, orfalse if not.IfotherNode isnull,isEqualNode() always return false.

Example

In this example, we create three<div> blocks. The first and thirdhave the same contents and attributes, while the second is different. Then we run someJavaScript to compare the nodes usingisEqualNode() 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></p>

#output {  width: 440px;  border: 2px solid black;  border-radius: 5px;  padding: 10px;  margin-top: 20px;  display: block;}

JavaScript

const output = document.getElementById("output");const divList = document.getElementsByTagName("div");output.innerText += `div 0 equals div 0: ${divList[0].isEqualNode(  divList[0],)}\n`;output.innerText += `div 0 equals div 1: ${divList[0].isEqualNode(  divList[1],)}\n`;output.innerText += `div 0 equals div 2: ${divList[0].isEqualNode(  divList[2],)}\n`;