开发者社区开发与运维文章正文

XML DOM 遍历节点树

2024-05-07 32

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 该示例展示了如何遍历XML文档的节点树。通过DOMParser解析XML字符串得到xmlDoc，然后遍历根节点的子节点，显示每个节点的名称及其文本值。输出结果为："title: Everyday Italian", "author: Giada De Laurentiis", "year: 2005"。代码使用JavaScript实现，循环遍历并更新HTML元素`<p id="demo"></p>`的内容。

XML DOM 遍历节点树

遍历（Traverse）意味着在节点树中进行循环或移动。
遍历节点树

通常您想要循环 XML 文档，比如：当您需要提取每个元素的值时。

这叫做"遍历节点树"。

下面的实例遍历的所有子节点，并显示他们的名称和值：

实例

<!DOCTYPE html>

输出：
title: Everyday Italian
author: Giada De Laurentiis
year: 2005

尝试一下 »

实例解释：

将 XML 字符串载入 xmlDoc 中
获取根元素的子节点
输出每个子节点的节点名称以及文本节点的节点值

文章标签：

数据格式

XML

JavaScript

前端开发

关键词：

dom节点

XML节点

XML dom

dom遍历

XML树

游客44yag4ft7nckq

3天前

XML Web App开发 JavaScript

XML DOM 解析器

**XML DOM解析器将XML转换为JavaScript对象，允许在浏览器中操作XML。浏览器通常内置XML解析器，如XMLHttpRequest用于加载XML文档。以下代码示例展示如何加载"books.xml"：** ```markdown - 创建XMLHttpRequest对象（或使用ActiveXObject for IE6/IE5） - 打开GET请求到"books.xml" - 发送请求 - xmlDoc变量存储响应的XML DOM ``` 此过程使开发者能够通过JavaScript遍历、修改XML文档的结构。

游客44yag4ft7nckq

9 1 1

游客44yag4ft7nckq

2天前

XML JavaScript 数据格式

XML DOM 浏览器差异

现代浏览器均支持W3C DOM，但存在差异，如处理XML中节点间的空白和换行。IE不将这些视为文本节点，而其他浏览器则会。示例显示，一个包含CR/LF和空格的XML文件在IE中解析有4个子节点，而在其他浏览器中有9个。`loadXMLDoc()`加载XML后，`documentElement.childNodes.length`的值因浏览器而异。

游客44yag4ft7nckq

8 1 1

游客44yag4ft7nckq

2天前

XML 存储 JavaScript

XML DOM - 访问节点

`getElementsByTagName()` 方法用于访问 XML 文档中的特定节点。该方法返回一个节点列表，相当于节点数组，可用来遍历和导航节点树。例如，加载 "books.xml" 到 xmlDoc 后，`x = xmlDoc.getElementsByTagName("book")` 将获取所有 `<book>` 节点。

游客44yag4ft7nckq

9 1 1

游客44yag4ft7nckq

6天前

XML 存储 JavaScript

XML DOM - 访问节点

`getElementsByTagName()` 方法用于获取 XML 文档中指定标签名的所有节点，返回一个节点列表，类似数组。可以循环遍历节点树或利用节点关系导航来访问每个节点。例如，加载 "books.xml" 到 xmlDoc 后，变量 x 存储了所有 `<book>` 节点的列表。

游客44yag4ft7nckq

17 4 4

游客44yag4ft7nckq

6天前

XML 存储 JavaScript

XML DOM - 访问节点

`getElementsByTagName()` 方法用于访问XML文档中的特定节点。节点可按三种方式获取：使用该方法、遍历节点树或导航节点关系。`getElementsByTagName()` 返回一个节点列表，类似数组，可用于处理多个匹配节点。例如，代码加载 "books.xml" 到 `xmlDoc`，再将结果保存到变量 `x`。

游客44yag4ft7nckq

11 4 4

游客44yag4ft7nckq

4天前

XML 存储 JavaScript

XML DOM - 访问节点

`getElementsByTagName()` 方法用于获取 XML 文档中指定标签名的所有节点，返回一个节点列表，可遍历处理。通过节点关系及循环，能灵活访问和导航XML文档的整个节点树。例如，`xmlDoc.getElementsByTagName("book")` 返回一个包含所有 `<book>` 节点的数组。

游客44yag4ft7nckq

7 1 1

游客44yag4ft7nckq

4天前

XML JavaScript 数据格式

XML DOM 浏览器差异

现代浏览器虽支持W3C DOM，但在处理XML空白和换行时存在差异。IE不将这些视为文本节点，而其他浏览器则会。例如，XML文件中的CR/LF和空格可能导致IE识别4个子节点，而其他浏览器识别9个。`document.write`显示不同浏览器的`childNodes.length`值体现这一差异。

游客44yag4ft7nckq

9 0 0

游客44yag4ft7nckq

5天前

XML Web App开发 JavaScript

XML DOM 解析器

**XML DOM解析器将XML转换为JavaScript对象，允许遍历、访问和修改文档。浏览器内置XML解析器，如XMLHttpRequest用于加载XML文档。

游客44yag4ft7nckq

9 0 0

游客44yag4ft7nckq

5天前

JavaScript

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

`length`属性用于获取DOM节点列表的元素数量。在示例中，代码加载"books.xml"，然后通过`getElementsByTagName("title")`获取所有标题节点。使用`for`循环遍历这些节点，输出每个标题的文本内容。

游客44yag4ft7nckq

4 0 0

朝阳39

5天前

JavaScript 前端开发

JavaScript 遍历DOM

朝阳39

5 0 0

XML DOM 遍历节点树

热门文章

最新文章

相关课程

相关电子书