Skip to content

Latest commit

 

History

History
94 lines (68 loc) · 2.01 KB

index.md

File metadata and controls

94 lines (68 loc) · 2.01 KB
title short-title slug page-type browser-compat
Node: isSameNode() method
isSameNode()
Web/API/Node/isSameNode
web-api-instance-method
api.Node.isSameNode

{{APIRef("DOM")}}

The isSameNode() method of the {{domxref("Node")}} interface is a legacy alias the for the === strict equality operator. That is, it tests whether two nodes are the same (in other words, whether they reference the same object).

Note

There is no need to use isSameNode(); instead use the === strict equality operator.

Syntax

isSameNode(otherNode)

Parameters

  • otherNode
    • : The {{domxref("Node")}} to test against.

      [!NOTE] This parameter is not optional, but can be set to null.

Return value

A boolean value that is true if both nodes are strictly equal, false if not.

Example

In this example, we create three {{HTMLElement("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 isSameNode() and output the results.

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>
#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 same as div 0: ${divList[0].isSameNode(
  divList[0],
)}\n`;
output.innerText += `div 0 same as div 1: ${divList[0].isSameNode(
  divList[1],
)}\n`;
output.innerText += `div 0 same as div 2: ${divList[0].isSameNode(
  divList[2],
)}\n`;

Results

{{ EmbedLiveSample('Example', "100%", "205") }}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

  • {{domxref("Node.isEqualNode()")}}