课程表

XML DOM 基础

XML DOM 节点操作

XML DOM 参考手册

XML DOM 实例

工具箱
速查手册

DOM 访问节点

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

通过 DOM,您能够访问 XML 文档中的每个节点。

实例

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

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

使用节点列表中的下标号来访问节点
本例使用 getElementsByTagname() 方法来获得 "books.xml" 中的第三个 <title> 元素。
使用 length 属性来循环节点
本例使用 length 属性来循环 "books.xml" 中的所有 <title> 元素。
查看元素的节点类型
本例使用 nodeType 属性来获得 "books.xml" 中根元素的节点类型。
循环元素节点
本例使用 nodeType 属性来处理 "books.xml" 中的元素节点。
使用节点的关系来循环元素节点
本例使用 nodeType 属性和 nextSibling 属性来处理 "books.xml" 中的元素节点。

访问节点

您可以通过三种方法来访问节点:

  1. 通过使用 getElementsByTagName() 方法
  2. 通过循环(遍历)节点树
  3. 通过利用节点的关系在节点树中导航

getElementsByTagName() 方法

getElementsByTagName() 返回拥有指定标签名的所有元素。

语法

  1. node.getElementsByTagName("tagname");

实例

下面的例子返回 x 元素下的所有 <title> 元素:

  1. x.getElementsByTagName("title");

请注意,上面的例子仅返回 x 节点下的 <title> 元素。要返回 XML 文档中的所有 <title> 元素,请使用:

  1. xmlDoc.getElementsByTagName("title");

在这里,xmlDoc 就是文档本身(文档节点)。

DOM Node List

getElementsByTagName() 方法返回节点列表 (node list)。节点列表是节点的数组。

下面的代码通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中,然后在变量 x 中存储 <title> 节点的一个列表:

  1. xmlDoc=loadXMLDoc("books.xml");
  2.  
  3. x=xmlDoc.getElementsByTagName("title");

可通过下标访问 x 中的 <title> 元素。要访问第三个 <title>,您可以编写:

  1. y=x[2];

TIY

注释:下标以 0 起始。

在本教程中稍后的章节,您将学到更多有关 Node List 的知识。

DOM Node List Length

length 属性定义节点列表的长度(即节点的数目)。

您能够通过使用 length 属性来循环一个节点列表:

  1. xmlDoc=loadXMLDoc("books.xml");
  2.  
  3. x=xmlDoc.getElementsByTagName("title");
  4.  
  5. for (i=0;i<x.length;i++)
  6. {
  7. document.write(x[i].childNodes[0].nodeValue);
  8. document.write("<br />");
  9. }

例子解释:

  1. 使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc
  2. 取得所有 <title> 元素节点
  3. 输出每个 <title> 元素的文本节点的值

TIY

Node Type

XML 文档的 documentElement 属性是根节点。

节点的 nodeName 属性是节点的名称。

节点的 nodeType 属性是节点的类型。

您将在本教程的下一节中学习更多有关节点属性的知识。

TIY

遍历节点

下面的代码循环根节点的子节点,同时也是元素节点:

  1. xmlDoc=loadXMLDoc("books.xml");
  2.  
  3. x=xmlDoc.documentElement.childNodes;
  4.  
  5. for (i=0;i<x.length;i++)
  6. {
  7. if (x[i].nodeType==1)
  8. {//Process only element nodes (type 1)
  9. document.write(x[i].nodeName);
  10. document.write("<br />");
  11. }
  12. }

例子解释:

  1. 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
  2. 获得根元素的子节点
  3. 检查每个子节点的节点类型。如果节点类型是 "1",则是元素节点
  4. 如果是元素节点,则输出节点的名称

TIY

利用节点的关系进行导航

下面的代码通过利用节点的关系在节点树中进行导航:

  1. xmlDoc=loadXMLDoc("books.xml");
  2.  
  3. x=xmlDoc.getElementsByTagName("book")[0].childNodes;
  4. y=xmlDoc.getElementsByTagName("book")[0].firstChild;
  5.  
  6. for (i=0;i<x.length;i++)
  7. {
  8. if (y.nodeType==1)
  9. {//Process only element nodes (type 1)
  10. document.write(y.nodeName + "<br />");
  11. }
  12. y=y.nextSibling;
  13. }
  1. 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
  2. 获得第一个 book 元素的子节点
  3. 把 "y" 变量设置为第一个 book 元素的第一个子节点
  4. 检查每个子节点的节点类型,如果节点类型是 "1",则是元素节点
  5. 如果是元素节点,则输出该节点的名称
  6. 把 "y" 变量设置为下一个同级节点,并再次运行循环

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号