W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!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>