HTML | DOM compareDocumentPosition() 方法

compareDocumentPosition() 方法是DOM中的一个方法，用于比较传入的两个节点之间的关系。

语法

节点对象.compareDocumentPosition(节点对象)

返回值

该方法返回一个值，用于表示两个节点之间的位置关系。该值是一个位掩码，包括以下几种情况：

• 返回值为0，表示两个节点是同一节点；
• 返回值为1，表示第一个节点位于第二个节点之前；
• 返回值为2，表示第二个节点位于第一个节点之前；
• 返回值为4，表示第一个节点包含第二个节点；
• 返回值为8，表示第一个节点被第二个节点包含；
• 返回值为16（或0x10），表示两个节点存在着其他关系。

示例

下面是一个示例，利用该方法比较两个节点之间的关系：

var node1 = document.getElementById("node1");
var node2 = document.getElementById("node2");
var result = node1.compareDocumentPosition(node2);

在该示例中，我们比较了两个节点之间的关系，并将结果保存在 result 变量中。

备注

• 该方法在IE8及以上版本中被支持；
• 该方法返回的值是一个位掩码，需要使用位运算符来解析其含义；
• 该方法常用于比较两个节点之间的位置关系，例如判断一个节点是否是另一个节点的子节点、兄弟节点等。

参考链接

• MDN Web Docs - compareDocumentPosition()