Home
JS
JS
Tryit: JAVASCRIPT
运行 ❯
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <body> <p id="p1">这是一个段落</p> <p id="p2">这是另一个段落</p> <p>单击按钮比较两个段落的位置。</p> <button onclick="myFunction()">试一试</button> <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><strong>注意：</strong> Internet Explorer 8 及更早版本不支持 compareDocumentPosition 方法。</p> <p><strong>注意：</strong>返回值也可以是值的组合。 IE。 返回值 20 表示 p2 在 p1 (16) 内部并且 p1 位于 p2 (4) 之前。</p> <p id="demo"></p> <script> function myFunction() { var p1 = document.getElementById("p1").lastChild; var p2 = document.getElementById("p2").lastChild; var x = p1.compareDocumentPosition(p2); document.getElementById("demo").innerHTML = x; } </script> </body> </html>