HTML DOM Element compareDocumentPosition() メソッド

定義と使用法

compareDocumentPosition() このメソッドは、2つのノードを比較し、整数を返して、それらがドキュメント内の位置を説明します：

値 意味
1 ノードは同じドキュメントに属していません。
2 第1のノードは第2のノードの後ろに位置しています。
4 第1のノードは第2のノードの前に位置しています。
8 第1のノードは第2のノード内に位置しています。
16 第2のノードは第1のノード内に位置しています。
32 ノードは同じ要素上の属性です。

コメント

返り値は値の組み合わせでもあります。

値20は、第2のノードが第1のノード（16）内に位置し、第1のノードが第2のノードの前に位置することを示しています（4）。

例

"p1" と "p2" はどこで比較されるか：

const p1 = document.getElementById("p1");
const p2 = document.getElementById("p2");
let position = p1.compareDocumentPosition(p2);

自分で試してみてください

構文

node.compareDocumentPosition(node)

パラメータ

パラメータ 説明
Node 必要です。現在のノードと比較するノードを指定します。

返り値

タイプ 説明
数字 2つのノードが相互に比較される位置
値 意味
1 ノードは同じドキュメントに属していません。
2 第1のノードは第2のノードの後ろに位置しています。
4 第1のノードは第2のノードの前に位置しています。
8 第1のノードは第2のノード内に位置しています。
16 第2のノードは第1のノード内に位置しています。
32 ノードは同じ要素上の属性です。

ブラウザのサポート

element.compareDocumentPosition() DOMレベル1（1998）の機能です。

すべてのブラウザが完全にサポートしています：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート 9-11 サポート サポート サポート サポート