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 -访问节点

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

访问节点

您可以通过三种方式来访问节点：

1. 通过使用 getElementsByTagName() 方法。

2. 通过循环（遍历）节点树。

3. 通过利用节点的关系在节点树中导航。

getElementsByTagName() 方法

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

语法

node.getElementsByTagName("tagname");

实例

下面的实例返回 x 元素下的所有 <title> 元素：

x.getElementsByTagName("title");

请注意，上面的实例仅返回 x 节点下的 <title> 元素。如需返回 XML 文档中的所有 <title> 元素，请使用：

xmlDoc.getElementsByTagName("title");

在这里，xmlDoc 就是文档本身（文档节点）。

DOM 节点列表（Node List）

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

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

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title");

可通过索引号访问 x 中的 <title> 元素。如需访问第三个 <title>，您可以编写：

y=x[2];

注意：该索引从 0 开始。

在本教程后面的章节中，您将学习更多有关节点列表（Node List）的知识。

DOM 节点列表长度（Node List Length）

length 属性定义节点列表的长度（即节点的数量）。

您可以通过使用 length 属性来遍历节点列表：

实例

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title");

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

节点类型（Node Types）

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

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

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

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

遍历节点

下面的代码遍历根节点的子节点，同时也是元素节点：

实例

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.documentElement.childNodes;

for (i=0;i<x.length;i++)
{
if (x[i].nodeType==1)
{//Process only element nodes (type 1)
document.write(x[i].nodeName);
document.write("
");
}
}

导航节点的关系

下面的代码使用节点关系导航节点树：

实例

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("book")[0].childNodes;
y=xmlDoc.getElementsByTagName("book")[0].firstChild;

for (i=0;i<x.length;i++)
{
if (y.nodeType==1)
{//Process only element nodes (type 1)
document.write(y.nodeName + "
");
}
y=y.nextSibling;
}