"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 |
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!