XML DOM Node List

节点列表由 getElementsByTagName() 方法和 childNodes 属性返回。

实例

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

  1. <?xml version="1.0" encoding="ISO-8859-1"?>
  2.  
  3. <bookstore>
  4.  
  5. <book category="children">
  6.   <title lang="en">Harry Potter</title> 
  7.   <author>J K. Rowling</author> 
  8.   <year>2005</year> 
  9.   <price>29.99</price> 
  10. </book>
  11.  
  12. <book category="cooking">
  13.   <title lang="en">Everyday Italian</title> 
  14.   <author>Giada De Laurentiis</author> 
  15.   <year>2005</year> 
  16.   <price>30.00</price> 
  17. </book>
  18.  
  19. <book category="web">
  20.   <title lang="en">Learning XML</title> 
  21.   <author>Erik T. Ray</author> 
  22.   <year>2003</year> 
  23.   <price>39.95</price> 
  24. </book>
  25.  
  26. <book category="web">
  27.   <title lang="en">XQuery Kick Start</title> 
  28.   <author>James McGovern</author> 
  29.   <author>Per Bothner</author> 
  30.   <author>Kurt Cagle</author> 
  31.   <author>James Linn</author> 
  32.   <author>Vaidyanathan Nagarajan</author> 
  33.   <year>2003</year> 
  34.   <price>49.99</price> 
  35. </book>
  36.  
  37. </bookstore>

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

从第一个 <title> 元素获取文本

本例使用 getElementsByTagName() 方法从 "books.xml" 中的第一个 <title> 元素获取文本。 

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="/example/xdom/loadxmldoc.js"> 
  4. </script>
  5. </head>
  6. <body>
  8. <script type="text/javascript">
  9. xmlDoc=loadXMLDoc("/example/xdom/books.xml");
  11. x=xmlDoc.getElementsByTagName("title");
  12. txt=x[0].childNodes[0].nodeValue;
  13. document.write(txt);
  14. </script>
  15. </body>
  16. </html>

通过使用 length 属性来循环节点

本例使用节点列表和 length 属性来循环 "books.xml" 中的所有 <title> 元素。 

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="/example/xdom/loadxmldoc.js"> 
  4. </script>
  5. </head>
  6. <body>
  8. <script type="text/javascript">
  9. xmlDoc=loadXMLDoc("/example/xdom/books.xml");
  11. x=xmlDoc.getElementsByTagName('title');
  12. for (i=0;i<x.length;i++)
  13. {
  14. document.write(x[i].childNodes[0].nodeValue);
  15. document.write("<br />");
  16. }
  17. </script>
  18. </body>
  19. </html>

获取元素的属性

本例使用属性列表从 "books.xml" 中的第一个 <title> 元素获取属性。 

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="/example/xdom/loadxmldoc.js"> 
  4. </script>
  5. </head>
  6. <body>
  8. <script type="text/javascript">
  9. xmlDoc=loadXMLDoc("/example/xdom/books.xml");
  11. x=xmlDoc.getElementsByTagName("book")[0].attributes;
  12. document.write(x.getNamedItem("category").nodeValue);
  13. document.write("<br />" + x.length);
  14. </script>
  15. </body>
  16. </html>

DOM Node List

当使用诸如 childNodes 或 getElementsByTagName() 属性或方法时，会返回 NodeList 对象。

NodeList 对象表示节点的列表，以 XML 中的相同顺序。

使用从 0 开始的下标来访问节点列表中的节点。

下面的图像表示 "books.xml" 中 <title> 元素的节点列表：

DOM node list

下面的代码片段通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中，并返回 "books.xml" 中 title 元素的一个节点列表：

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

以上语句执行之后，x 成为一个 NodeList 对象。

下面的代码片段从节点列表 x 中的第一个 <title> 元素中返回文本：

  1. txt=x[0].childNodes[0].nodeValue;

在以上语句执行之后，txt = "Everyday Italian"。

Node List Length

NodeList 对象会保持自身的更新。如果删除或添加了元素，列表会自动更新。

节点列表的 length 属性是列表中节点的数量。

下面的代码片段通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc，并返回 "books.xml" 中 <title> 元素的数量：

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

在上面的语句执行之后，x = 4。

节点列表的长度可用于循环列表中所有的元素。

下面的代码片段使用 length 属性来遍历 <title> 元素的列表：

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

输出：

  1. Harry Potter
  2. Everyday Italian
  3. XQuery Kick Start
  4. Learning XML

例子解释：

  • 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc
  • 设置保存所有 title 元素的节点列表的 x 变量
  • 从所有 <title> 元素的文本节点输出值

DOM Attribute List (Named Node Map)

元素节点的 attributes 属性返回属性节点的列表。

这被称为 Named Node Map，除了方法和属性上的一些差别以外，它与节点列表相似。

属性列表会保持自身的更新。如果删除或添加属性，这个列表会自动更新。

下面的代码片段通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中，并从 "books.xml" 中的第一个 <book> 元素返回属性节点的一个列表：

  1. xmlDoc=loadXMLDoc("books.xml");
  2.  
  3. x=xmlDoc.getElementsByTagName('book')[0].attributes;

以上代码执行之后，x.length 等于属性的数量，可使用 x.getNamedItem() 返回属性节点。

下面的代码片段一个 book 的 "category" 属性的值，以及其属性的数量：

  1. xmlDoc=loadXMLDoc("books.xml");
  2.  
  3. x=xmlDoc.getElementsByTagName("book")[0].attributes;
  4.  
  5. document.write(x.getNamedItem("category").nodeValue);
  6. document.write("<br />" + x.length);

输出：

  1. children
  2. 1

例子解释：

  • 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
  • 把 x 变量设置为第一个 <book> 元素的所有属性的一个列表
  • 从 "category" 属性输出其值
  • 输出属性列表的长度