目录

HTML DOM 元素 compareDocumentPosition()

示例

"p1" 与 "p2" 相比:

const p1 = document.getElementById("p1");
const p2 = document.getElementById("p2");
let position = p1.compareDocumentPosition(p2);
亲自试一试 »

描述

这个compareDocumentPosition()方法比较两个节点,并返回一个整数描述它们在文档中的位置:

意义
1 节点不属于同一文档
2 第一个节点位于第二个节点之后
4 第一个节点位于第二个节点之前
8 第一个节点位于第二个节点内部
16 第二个节点位于第一个节点内部
32 节点是同一元素的属性

笔记

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

值 20 表示第二个节点位于第一个节点 (16) 内部,并且第一个节点位于第二个节点之前。



语法

node.compareDocumentPosition( node)

参数

Parameter Description
Node Required.
The node to compare with current node.

返回值

类型 描述
数字 两个节点相互比较的位置。
意义
1 节点不属于同一文档
2 第一个节点位于第二个节点之后
4 第一个节点位于第二个节点之前
8 第一个节点位于第二个节点内部
16 第二个节点位于第一个节点内部
32 节点是同一元素的属性

浏览器支持

element.compareDocumentPosition()是 DOM Level 1 (1998) 功能。

所有浏览器都完全支持它:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes 9-11