XML DOM compareDocumentPosition() 方法

定义和使用

compareDocumentPosition() 方法根据文档顺序将当前节点的文档位置与指定节点进行比较。

浏览器支持

Internet Explorer	Chrome	FireFox	Safari	Opera

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

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

语法

elementNode.compareDocumentPostition(node)

参数

参数	必需的	描述
node	是	指定要与当前节点进行比较的节点

示例

以下代码片段将 "books.xml" 加载到 xmlDoc 中，并比较两个节点（第一个和第三个<book>元素）在 DOM 层次结构中的位置：

<!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。