网页设计在线教程

XML DOM 实例

XML DOM 解析

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

加载并解析 XML 文件
加载并解析 XML 字符串

例子解释

XML DOM 属性和方法

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

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

函数 loadXMLString(),位于外部 JavaScript 中,用于加载 XML 字符串。

加载并解析 XML 文件
加载并解析 XML 字符串

例子解释

XML DOM 节点信息

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

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

获取元素节点的节点名称
从文本节点获取文本
更改文本节点中的文本
获取元素节点的节点名称和类型

例子解释

XML DOM 节点列表和属性列表

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

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

从第一个 <title> 元素获取文本
通过使用 length 属性来循环节点
获取元素的属性

例子解释

XML DOM 遍历节点树

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

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

遍历一棵节点树
循环 <book> 元素的所有子节点。

例子解释

XML DOM 浏览器差异

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

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

显示节点列表的长度
本例显示了一个节点列表的长度。在 IE 和其他浏览器中,结果是不同的。
忽略节点间的空文本
本例检查节点的 nodeType,且仅处理元素节点。

例子解释

XML DOM 定位节点

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

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

获取节点的父节点
获取节点的首个子节点
获取节点的最后一个子节点
获取节点的下一个同级元素
获取节点的上一个同级元素

例子解释

XML DOM 获取节点值

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

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

获取元素的值
获取属性的值

例子解释

XML DOM 改变节点值

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

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

改变元素的文本节点
通过使用 setAttribute 来改变属性的值
通过使用 nodeValue 来改变属性值

例子解释

XML DOM 删除节点

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

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

删除元素节点
删除当前元素节点
删除文本节点
清空文本节点的文本
根据名称删除属性
根据对象删除属性

例子解释

XML DOM 替换节点

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

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

替换元素节点
替换文本节点中的数据

例子解释

XML DOM 添加节点

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

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

在最后一个子节点之后添加一个节点
在指定的子节点之前添加一个节点
添加一个新属性
向文本节点添加数据

例子解释

XML DOM 克隆节点

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

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

复制一个节点,并把它追加到已有的节点
本例使用 cloneNode() 来复制一个节点,并把它追加到 XML 文档的根节点。

例子解释