XML DOM 节点列表
节点列表由 getElementsByTagName() 方法和 childNodes 属性返回
DOM 节点列表(Node List)
当使用诸如 childNodes 或 getElementsByTagName() 的属性或方法是,会返回节点列表对象
节点列表对象表示节点的列表,与 XML 中的顺序相同
节点列表中的节点使用从 0 开始的索引号进行访问
下图表示了 " books.xml " 中 <title> 元素的节点列表
下面的代码片段使用 loadXMLDoc()
函数把 "/static/media/dom/books.xml" 载入 xmlDoc 中
然后返回 "books.xml" 中 title 元素的节点列表
xmlDoc=loadXMLDoc("/static/media/dom/books.xml"); x=xmlDoc.getElementsByTagName("title");
在上面的语句执行之后,x 是节点列表对象
下面的范例从节点列表(x)中的第一个 <title> 元素返回文本
txt=x[0].childNodes[0].nodeValue;
在上面的语句执行之后,txt = "Everyday Italian"
节点列表长度(Node List Length)
节点列表对象会保持自身的更新
如果删除或添加了元素,列表会自动更新
节点列表的 length 属性是列表中节点的数量
下面的代码片段使用 loadXMLDoc()
函数把 "/static/media/dom/books.xml" 载入 xmlDoc 中
然后返回 "books.xml" 中 <title> 元素的数量
xmlDoc=loadXMLDoc("/static/media/dom/books.xml"); x=xmlDoc.getElementsByTagName('title').length;
在上面的语句执行之后,x = 4
节点列表的长度可用于遍历列表中所有的元素
下面的范例使用 length 属性来遍历 <title> 元素的列表
xmlDoc=loadXMLDoc("/static/media/dom/books.xml"); // x 变量获取指定节点列表 x=xmlDoc.getElementsByTagName('title'); for (i=0;i<x.length;i++) { document.write(x[i].childNodes[0].nodeValue); document.write(""); }
-
使用
loadXMLDoc()
函数把 "/static/media/dom/books.xml" 载入 xmlDoc 中 -
设置 x 变量来保存所有 title 元素的节点列表
-
从所有 <title> 元素的文本节点输出值
DOM 属性列表(命名节点图 Named Node Map)
元素节点的 attributes 属性返回属性节点的列表
这被称为命名节点图(Named Node Map),除了方法和属性上的一些差别以外,它与节点列表相似
属性列表会保持自身的更新
如果删除或添加属性,这个列表会自动更新
下面的代码片段使用 loadXMLDoc()
函数把 "/static/media/dom/books.xml" 载入 xmlDoc 中
然后并返回 "books.xml" 中第一个 <book> 元素的属性节点列表
xmlDoc=loadXMLDoc("/static/media/dom/books.xml"); x=xmlDoc.getElementsByTagName('book')[0].attributes;
运行以上代码片段后,x.length 等于属性的数量,可使用 x.getNamedItem() 返回属性节点
下面的范例显示一个 book 的 "category" 属性的值,以及其属性的数量
xmlDoc=loadXMLDoc("/static/media/dom/books.xml"); x=xmlDoc.getElementsByTagName("book")[0].attributes; document.write(x.getNamedItem("category").nodeValue); document.write("" + x.length);
-
使用
loadXMLDoc()
函数把 "/static/media/dom/books.xml" 载入 xmlDoc 中 -
设置 x 变量来保存第一个 <book> 元素的所有属性的一个列表
-
从 "category" 属性输出值
-
输出属性列表的长度