DOM

Node.isEqualNode() メソッド

 編集:2022.10.30 by T.A.

[Edge]。→

Node と指定ノードとが同値かどうかを返します。

mdn: それぞれのノードが同じ型で、同じ特性(要素であれば ID や子要素の数など)、属性値などを持つ場合、同値と判定されます。比較される内容はノードの型によって異なります。

構文
Node.isEqualNode(otherNode)
Node Node
otherNode 比較するノード Node
戻り値

Boolean。同値なら true、そうでない場合 false。

簡単な…

HTML:

<SPAN id=IdTest1>[SPAN要素<B>[B要素]</B>]</SPAN>
<SPAN id=IdTest2>[SPAN要素<B>[B要素]</B>]</SPAN>

JavaScript:

D=IdTest1.isEqualNode(IdTest2);  //=[boolean]:false
D=IdTest1.isEqualNode(IdTest1);  //=[boolean]:true

id が異なるので一致しないようです。

NL1=IdTest1.childNodes;  //IdTest1 の子ノード リストを得る。
NL2=IdTest2.childNodes;  //IdTest2 の子ノード リストを得る。
D=NL1[0].isEqualNode(NL2[0]);  //比較。
	//=[boolean]:true

childNodes

微妙な…

HTML: 改行と半角スペースの違い。

<SPAN id=IdTest1>[SPAN要素
<B>[B要素]</B>]</SPAN><BR>
<SPAN id=IdTest2>[SPAN要素 <B>[B要素]</B>]</SPAN>
[SPAN要素 [B要素]]
[SPAN要素 [B要素]]

JavaScript:

NL1=IdTest1.childNodes;  //IdTest1 の子ノード リストを得る。
NL2=IdTest2.childNodes;  //IdTest2 の子ノード リストを得る。
D=NL1[0].isEqualNode(NL2[0]);  //比較。
	//=[boolean]:false

テスト