XML DOM

DOM 简介 DOM 节点 DOM 节点树 DOM 解析 DOM 加载函数 DOM 方法 DOM 访问 DOM 节点信息 DOM 节点列表 DOM 遍历 DOM 浏览器 DOM 导航 DOM 获取节点 DOM 改变节点 DOM 删除节点 DOM 替换节点 DOM 创建节点 DOM 添加节点 DOM 克隆节点 DOM XMLHttpRequest DOM 节点类型 DOM Node DOM NodeList DOM NamedNodeMap DOM Document DOM DocumentImpl DOM DocumentType DOM ProcessingInst DOM Element DOM Attribute DOM Text DOM CDATA DOM Comment DOM XMLHttpRequest DOM ParseError Obj DOM 解析器错误 DOM 总结 DOM 验证

DOM 节点列表

XML DOM节点列表

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

DOM 节点列表（Node List）

当使用诸如 childNodes 或 getElementsByTagName() 的属性或方法是，会返回节点列表对象。

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

节点列表中的节点使用从 0 开始的索引号进行访问。

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

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

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title");

在上面的语句执行之后，x 是节点列表对象。

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

实例

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

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

节点列表长度（Node List Length）

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

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

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

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName(‘title‘).length;

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

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

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

实例

xmlDoc=loadXMLDoc("books.xml");

//the x variable will hold a node list
x=xmlDoc.getElementsByTagName(‘title‘);

for (i=0;i<x.length;i++)
{
document.write(x[i].childNodes[0].nodeValue);
document.write("
");
}

输出：

Everyday Italian
Harry Potter
XQuery Kick Start
Learning XML

实例解释：

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

DOM 属性列表（命名节点图 Named Node Map）

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

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

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

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

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName(‘book‘)[0].attributes;

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

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

实例

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("book")[0].attributes;

document.write(x.getNamedItem("category").nodeValue);
document.write("
" + x.length);

输出：

cooking
1

实例解释：

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