XML DOM compareDocumentPosition() 方法

定义和使用

compareDocumentPosition() 方法比较 DOM 层次结构（文档）中两个节点的位置。

浏览器支持

Internet Explorer	Chrome	FireFox	Safari	Opera

9.0 以上支持	4.0（包含）以上支持	2.0（包含）以上支持	3.0（包含）以上支持	9.0（包含）以上支持

所有主流的浏览器均支持 compareDocumentPosition() 方法。

语法

nodeObject.compareDocumentPosition(node)

参数	类型	描述
node	Node object	必填。指定要与当前节点进行比较的节点

返回值

Number	一个数字，表示两个节点之间的相对位置。可能的返回值为： 1-无关系，两个节点不属于同一文档。 2-指定的节点在当前节点之前。 4-指定的节点在当前节点之后。 8-指定的节点包含当前节点。 16-指定的节点包含在当前节点中。 32-指定节点和当前节点没有公共容器节点，或者两个节点是同一节点的不同属性。注意：返回值也可以是值的组合。例如。返回值20表示指定的节点包含在当前节点（16）中，并且指定的节点位于当前节点（4）之后。
DOM 版本	核心级别3节点对象

Number

一个数字，表示两个节点之间的相对位置。可能的返回值为：

1-无关系，两个节点不属于同一文档。
2-指定的节点在当前节点之前。
4-指定的节点在当前节点之后。
8-指定的节点包含当前节点。
16-指定的节点包含在当前节点中。
32-指定节点和当前节点没有公共容器节点，或者两个节点是同一节点的不同属性。

注意：返回值也可以是值的组合。例如。返回值20表示指定的节点包含在当前节点（16）中，并且指定的节点位于当前节点（4）之后。

DOM 版本

核心级别3节点对象

示例

以下代码片段加载 "books.xml"，克隆第一个<book>节点，然后将其添加到节点列表的末尾：

<!DOCTYPE html>
<html>
  <body>
  
  <p id="demo"></p>

  <script>
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (xhttp.readyState == 4 && xhttp.status == 200) {
            myFunction(xhttp);
        }
    };
    xhttp.open("GET", "books.xml", true);
    xhttp.send();

    function myFunction(xml) {
        var xmlDoc = xml.responseXML;
        var x = xmlDoc.getElementsByTagName('book')[0];
        var y = xmlDoc.getElementsByTagName('book')[2];
        document.getElementById("demo").innerHTML =
        x.compareDocumentPosition(y);
    }
  </script>
  
  </body>
</html>

尝试一下

大多数浏览器会将空白或换行视为文本节点，而 IE 9 和更早版本则不会。因此，在上面的示例中，大多数浏览器将输出4，而 IE 9 和更早版本将输出 2。