课程表

XML DOM 基础

XML DOM 节点操作

XML DOM 参考手册

XML DOM 实例

工具箱
速查手册

DOM 定位节点

当前位置:免费教程 » XML相关 » XML DOM

可通过使用节点间的关系对节点进行定位。

实例

下面的例子使用 XML 文件 books.xml

函数 loadXMLDoc(),位于外部 JavaScript 中,用于加载 XML 文件。

获取节点的父节点
本例使用 parentNode 属性来获取节点的父节点。
获取节点的首个子节点
本例使用 firstChild() 方法和一个自定义函数来获取一个节点的首个子节点。

定位 DOM 节点

通过节点间的关系访问节点树中的节点,通常称为定位节点 ("navigating nodes")。

在 XML DOM 中,节点的关系被定义为节点的属性:

  • parentNode
  • childNodes
  • firstChild
  • lastChild
  • nextSibling
  • previousSibling

下面的图像展示了 books.xml 中节点树的一个部分,并说明了节点之间的关系:

DOM node tree

DOM - 父节点

所有的节点都仅有一个父节点。下面的代码定位到 <book> 的父节点:

  1. xmlDoc=loadXMLDoc("books.xml");
  2.  
  3. x=xmlDoc.getElementsByTagName("book")[0];
  4. document.write(x.parentNode.nodeName);

例子解释:

  • 通过使用 loadXMLDoc() 把 "books.xml" 载入到 xmlDoc 中
  • 获取第一个 <book> 元素
  • 输出 "x" 的父节点的节点名

TIY

避免空的文本节点

Firefox,以及其他一些浏览器,把空的空白或换行当作文本节点,而 IE 不会这么做。

这会在使用下列属性使产生一个问题:firstChild、lastChild、nextSibling、previousSibling。

为了避免定位到空的文本节点(元素节点之间的空格和换行符号),我们使用一个函数来检查节点的类型:

  1. function get_nextSibling(n)
  2. {
  3. y=n.nextSibling;
  4. while (y.nodeType!=1)
  5. {
  6. y=y.nextSibling;
  7. }
  8. return y;
  9. }

有了上面的函数,我们就可以使用 get_nextSibling(node) 来代替 node.nextSibling 属性。

代码解释:

元素节点的类型是 1。如果同级节点不是元素节点,就移动到下一个节点,直到找到元素节点为止。通过这个办法,在 IE 和 Firefox 中,都可以得到相同的结果。

获取第一个元素

下面的代码显示第一个 <book> 的第一个元素节点:

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="loadxmldoc.js">
  4. </script>
  5. <script type="text/javascript">
  6. //check if the first node is an element node
  7. function get_firstChild(n)
  8. {
  9. y=n.firstChild;
  10. while (y.nodeType!=1)
  11. {
  12. y=y.nextSibling;
  13. }
  14. return y;
  15. }
  16. </script>
  17. </head>
  18.  
  19. <body>
  20. <script type="text/javascript">
  21. xmlDoc=loadXMLDoc("books.xml");
  22.  
  23. x=get_firstChild(xmlDoc.getElementsByTagName("book")[0]);
  24. document.write(x.nodeName);
  25. </script>
  26. </body>
  27. </html>

输出:

  1. title

例子解释:

  • 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
  • 在第一个 <book> 上使用 get_firstChild 函数,来获取元素节点中的第一个子节点
  • 输出第一个子节点(属于元素节点)的节点名

TIY

实例

下面的例子使用相似的函数:

  • firstChild: TIY
  • lastChild: TIY
  • nextSibling: TIY
  • previousSibling: TIY
转载本站内容时,请务必注明来自W3xue,违者必究。
 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号