<!DOCTYPE html>
<html>
<body>
<h1>Element 对象</h1>
<h2>compareDocumentPosition() 方法</h2>
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
<p>两个段落的位置是：</p>
<p id="demo"></p>
<p>
<strong>可能的值：</strong><br>
1: 这两个节点不属于同一个文档。<br>
2: p1 位于 p2 之后。<br>
4: p1 位于 p2 之前。<br>
8: p1 位于 p2 内部。<br>
16: p2 位于 p1 内部。<br>
32: 这两个节点是同一元素上的属性。</p>
<p>
返回值也可以是值的组合。
返回值 20 表示 p2 在 p1 (16) 内部并且 p1 位于 p2 (4) 之前。
</p>
<script>
const p1 = document.getElementById("p1").lastChild;const p2 = document.getElementById("p2").lastChild;let position = p1.compareDocumentPosition(p2);
document.getElementById("demo").innerHTML = position;</script>
</body>
</html>