Node: isEqualNode() メソッド

Baseline Widely available

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

isEqualNode() は Node インターフェイスのメソッドで、 2 つのノードが等しいかどうかを検査します。 2 つのノードは、同じ型、定義特性(要素の場合、 ID や子ノードの数など)、その属性が一致している場合、等しいといえます。データで一致が求められる具体的な点は、ノードの型によって異なります。

構文

isEqualNode(otherNode)

引数

otherNode: 比較対象となる Node です。

メモ: この引数は省略可能ではありませんが、 null に設定することはできます。

<div>最初の要素です。</div>
<div>2 番目の要素です。</div>
<div>最初の要素です。</div>
<p id="output"></p>

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

JavaScript

let output = document.getElementById("output");
let divList = document.getElementsByTagName("div");
output.innerHTML += `div 0 と div 0 は同じか: ${divList[0].isEqualNode(
 divList[0],
)}<br/>`;
output.innerHTML += `div 0 と div 1 は同じか: ${divList[0].isEqualNode(
 divList[1],
)}<br/>`;
output.innerHTML += `div 0 と div 2 は同じか: ${divList[0].isEqualNode(
 divList[2],
)}<br/>`;