HTML DOM Element compareDocumentPosition() 方法

定義和用法

compareDocumentPosition() 方法比較兩個節點，并返回整數，描述它們在文檔中的位置：

值 含義
1 節點不屬于同一個文檔。
2 第一個節點位于第二個節點之后。
4 第一個節點位于第二個節點之前。
8 第一個節點位于第二個節點內。
16 第二個節點位于第一個節點內。
32 節點是同一元素上的屬性。

注釋

返回值也可以是值的組合。

值 20 表示第二個節點位于第一個節點 (16) 內，且第一個節點位于第二個節點之前（4）。

實例

"p1" 與 "p2" 相比在哪里：

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

親自試一試

語法

node.compareDocumentPosition(node)

參數

參數 描述
Node 必需。要與當前節點進行比較的節點。

返回值

類型 描述
數字 兩個節點相互比較的位置。
值 含義
1 節點不屬于同一個文檔。
2 第一個節點位于第二個節點之后。
4 第一個節點位于第二個節點之前。
8 第一個節點位于第二個節點內。
16 第二個節點位于第一個節點內。
32 節點是同一元素上的屬性。

瀏覽器支持

element.compareDocumentPosition() 是 DOM Level 1 (1998) 特性。

所有瀏覽器都完全支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持