小码哥的IT人生

XML DOM compareDocumentPosition() 方法

XML基础 2023-08-13 14:52:14小码哥的IT人生shichen

XML DOM compareDocumentPosition() 方法

定义和用法

compareDocumentPosition() 方法按照文档顺序,比较当前节点与指定节点的文档位置。

该方法返回新的子节点。

语法:

elementNode.compareDocumentPostition(node)
参数 描述
node 必需。规定与当前节点比较的节点。

实例

在所有的例子中,我们将使用 XML 文件 books.xml,以及 JavaScript 函数 loadXMLDoc()

下面的代码片段比较 "books.xml" 中第一个与第三个 <book> 节点:

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book')[0];
y=xmlDoc.getElementsByTagName('book')[2];
document.write(x.compareDocumentPosition(y));

以上代码的输出:

4

注释:Internet Explorer 会忽略节点之间生成的空白文本节点(比如换行字符),而 Mozilla 不这么做。因此,在上面的例子中,Mozilla 输出 4,而 Internet Explorer 输出 2。

如需更多有关 IE 与 Mozilla 浏览器差异的内容,请访问 phpcodeweb 的 XML DOM 教程中的 DOM 浏览器 这一节。

TIY

完整实例【compareDocumentPosition() - 比较两个节点的文档位置】:

<html>
<head>
<script type="text/javascript" src="/demo/example/xdom/loadxmldoc.js">
</script>
</head>
<body>
<script type="text/javascript">
xmlDoc=loadXMLDoc("/demo/example/xdom/books.xml");
var x=xmlDoc.getElementsByTagName('book')[0];
var y=xmlDoc.getElementsByTagName('book')[2];
document.write(x.compareDocumentPosition(y));
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024