Node: compareDocumentPosition() メソッド
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.
compareDocumentPosition() は Node インターフェイスのメソッドで、引数のノードの位置を、呼び出されたノードからの相対位置で報告します。
構文
compareDocumentPosition(otherNode)
引数
返値
整数値で、 otherNode の node から見た相対位置を、以下の Node の定数プロパティを組み合わせたビットマスクで表します。
Node.DOCUMENT_POSITION_DISCONNECTED(1)-
両方のノードが、異なる文書、または同じ文書の異なるツリーにあります。
Node.DOCUMENT_POSITION_PRECEDING(2)-
otherNodeはこのノードより、両者を含むツリーの前順深さ優先走査で前にある（祖先ノード、前にある兄弟ノード、前にある兄弟ノードの子孫ノード、祖先ノードの前にある兄弟ノードなど）か、（接続されていないのであれば）任意だが一貫した順序で、そのノードよりも前に位置します。 Node.DOCUMENT_POSITION_FOLLOWING(4)-
otherNodeはこのノードより、両者を含むツリーの前順深さ優先走査で後にある（子孫ノード、後にある兄弟ノード、後にある兄弟ノードの子孫ノード、祖先ノードの後にある兄弟ノードなど）か、（接続されていないのであれば）任意だが一貫した順序で、そのノードよりも後に位置します。 Node.DOCUMENT_POSITION_CONTAINS(8)-
otherNodeはこのノードの祖先ノードです。 Node.DOCUMENT_POSITION_CONTAINED_BY(16)-
otherNodeはこのノードの子孫ノードです。 Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC(32)-
その結果は、任意や実装固有の動作に依存し、移植性は保証されません。
複数の条件に適合する場合、複数のビットが設定されることがあります。例えば、 otherNode が文書中でより先にあり、かつ compareDocumentPosition() が呼び出されたノードを含んでいれば、 DOCUMENT_POSITION_CONTAINS と DOCUMENT_POSITION_PRECEDING の両ビットが設定され、 10 (0x0A) という値になります。
例
const head = document.head;
const body = document.body;
if (head.compareDocumentPosition(body) & Node.DOCUMENT_POSITION_FOLLOWING) {
console.log("正しい形式の文書です");
} else {
console.error("<head> が <body> の前にありません");
}
メモ: compareDocumentPosition() の返値はビットマスクですので、意味のある結果を得るにはビット AND 演算子を使用する必要があります。
仕様書
| Specification |
|---|
| DOM Standard # ref-for-dom-node-comparedocumentposition① |
ブラウザーの互換性
BCD tables only load in the browser