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 文件。

使用节点列表中的索引号来访问节点
本例使用 getElementsByTagname() 方法来获取 "books.xml" 中的第三个 <title> 元素。

使用 length 属性来遍历节点
本例使用 length 属性来遍历 "books.xml" 中的所有 <title> 元素。

查看元素的节点类型
本例使用 nodeType 属性来获取 "books.xml" 中根元素的节点类型。

遍历元素节点
本例使用 nodeType 属性来处理 "books.xml" 中的元素节点。

使用节点的关系来遍历元素节点
本例使用 nodeType 属性和 nextSibling 属性来处理 "books.xml" 中的元素节点。

实例解释

XML DOM 节点信息

下面的实例使用 XML 文件 books.xml。
函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。

获取元素节点的节点名称
本例使用 nodeName 属性来获取 "books.xml" 中根元素的节点名称。

从文本节点获取文本
本例使用 nodeValue 属性来获取 "books.xml" 中第一个 <title> 元素的文本。

更改文本节点中的文本
本例使用 nodeValue 属性来更改 "books.xml" 中第一个 <title> 元素的文本。

获取元素节点的节点名称和类型
本例使用 nodeName 和 nodeType 属性来获取 "books.xml" 中根元素的节点名称和类型。

实例解释

XML DOM 节点列表和属性列表

下面的实例使用 XML 文件 books.xml。
函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。

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

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

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

实例解释

XML DOM 遍历节点

遍历节点树

实例解释

XML DOM 浏览器差异

下面的实例使用 XML 文件 books.xml。
函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。

显示节点列表的长度 - IE 和其他浏览器的不同结果
忽略节点之间的空文本

实例解释

XML DOM 导航节点

下面的实例使用 XML 文件 books.xml。
函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。

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

实例解释

XML DOM 获取节点值

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

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

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

实例解释

XML DOM 更改节点值

下面的实例使用 XML 文件 books.xml。
函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。

改变元素的文本节点
本例使用 nodeValue 属性来改变 "books.xml" 中第一个 <title> 元素的文本节点。

通过使用 setAttribute 来改变属性值
本例使用 setAttribute() 方法来改变第一个 <book> 的 "category" 属性的值。

通过使用 nodeValue 来改变属性值
本例使用 nodeValue 属性来改变第一个 <book> 的 "category" 属性的值。

实例解释

XML DOM 删除节点

下面的实例使用 XML 文件 books.xml。
函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。

删除元素节点
本例使用 removeChild() 来删除第一个 <book> 元素。

删除当前元素节点
本例使用 parentNode 和 removeChild() 来删除当前的 <book> 元素。

删除文本节点
本例使用 removeChild() 来删除第一个 <title> 元素的文本节点。

清空文本节点的文本
本例使用 nodeValue() 属性来清空第一个 <title> 元素的文本节点。

根据名称删除属性
本例使用 removeAttribute() 从第一个 <book> 元素中删除 "category" 属性。

根据对象删除属性
本例使用 removeAttributeNode() 从所有 <book> 元素中删除所有属性。

实例解释

XML DOM 替换节点

下面的实例使用 XML 文件 books.xml。
函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件

替换元素节点
本例使用 replaceChild() 来替换第一个 <book> 节点。

替换文本节点中的数据
本例使用 nodeValue 属性来替换文本节点中的数据。

实例解释

XML DOM 创建节点

下面的实例使用 XML 文件 books.xml。
函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件

创建元素节点
本例使用 createElement() 来创建一个新的元素节点，并使用 appendChild() 把它添加到一个节点中。

使用 createAttribute 创建属性节点
本例使用 createAttribute() 来创建一个新的属性节点，并使用 setAttributeNode() 把它插入一个元素中。

使用 setAttribute 创建属性节点
本例使用 setAttribute() 为一个元素创建一个新的属性。

创建文本节点
本例使用 createTextNode() 来创建一个新的文本节点，并使用 appendChild() 把它添加到一个元素中。

创建 CDATA section 节点
本例使用 createCDATAsection() 来创建一个 CDATA section 节点，并使用 appendChild() 把它添加到一个元素中。

创建注释节点
本例使用 createComment() 来创建一个注释节点，并使用 appendChild() 把它添加到一个元素中。

实例解释

XML DOM 添加节点

下面的实例使用 XML 文件 books.xml。
函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件

在最后一个子节点之后添加一个节点
本例使用 appendChild() 方法向一个已有的节点添加一个子节点。

在指定的子节点之前添加一个节点
本例使用 insertBefore() 方法在一个指定的子节点之前插入一个节点。

添加一个新属性
本例使用 setAttribute() 方法添加一个新的属性。

向文本节点添加数据
本例使用 insertData() 把数据插入一个已有的文本节点中。

实例解释

XML DOM 克隆节点

下面的实例使用 XML 文件 books.xml。
函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件

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

实例解释

XML DOM XMLHttpRequest 对象

一个简单的 XMLHttpRequest 实例
创建一个简单的 XMLHttpRequest，并从一个 TXT 文件中检索数据。

通过 getAllResponseHeaders() 检索头信息
检索资源（文件）的头信息。

通过 getResponseHeader() 检索指定头信息
检索资源（文件）的指定头信息。

检索 PHP 文件的内容
当用户在输入字段键入字符时，网页如何与 Web 服务器进行通信。

从数据库中检索内容
网页如何通过 XMLHttpRequest 对象从数据库中提取信息。

检索 XML 文件的内容
创建一个 XMLHttpRequest 从 XML 文件中检索数据并把数据显示在一个 HTML 表格中。

实例解释