html dom comparedocumentposition() 方法用于将给定节点位置与任何文档中的任何其他节点进行比较。该方法的返回类型是整数类型，用于描述它们在文档中的位置。整数返回值如指定 –
1: No relationship, the two nodes do not belong to the same document.2: The first node (para1) is positioned after the second node (para2).4: The first node (para1) is positioned before the second node (para2).8: The first node (para1) is positioned inside the second node (para2).16: The second node (para2) is positioned inside the first node (para1).32: No relationship, or the two nodes are two attributes on the same element.
语法
以下是 HTML DOM CompareDocumentPosition() 方法的语法 –
node.compareDocumentPosition(node)
这里的节点是节点对象类型，指定我们要与当前节点进行比较的节点。
示例
让我们看一个compareDocumentPosition的示例() 方法 –
This is a paragraph
This is another paragraph
Click the button to compare the position of the two paragraphs.
立即学习“前端免费学习笔记（深入）”；
function docPosition() { var p1 = document.getElementById("para1").lastChild; var p2 = document.getElementById("para2").lastChild; var x = p2.compareDocumentPosition(p1); document.getElementById("Sample").innerHTML = x; }
输出
这将产生以下输出 –
单击“位置”按钮时 –
在上面的示例中 –
我们首先创建了两个 id 为“para1”和“的元素
第2段”。
This is a paragraph
This is another paragraph
然后我们创建了一个按钮 POSTION，它将在用户单击时执行 docPosition() 方法 –
docPosition() 方法使用文档对象上的 getElementById() 方法获取
元素。然后，它将两个段落的lastchild 属性值分别赋给变量p1 和p2。
然后，我们以p1 作为参数，调用p2 上的compareDocumentPosition() 方法。这意味着我们要比较 p2 相对于 p1 的位置。由于这里 p2 位于 p1 之后，因此返回值为 2 –
function docPosition() { var p1 = document.getElementById("para1").lastChild; var p2 = document.getElementById("para2").lastChild; var x = p2.compareDocumentPosition(p1); document.getElementById("Sample").innerHTML = x;}
以上就是HTML DOM compareDocumentPosition() 方法比较文档位置的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1551946.html
微信扫一扫 
支付宝扫一扫 
