XML DOM 遍历节点树概述

这篇博客介绍了如何遍历XML文档的节点树,通过JavaScript实现对XML元素的循环处理,展示如何提取每个元素的值。实例中展示了遍历<book>元素及其所有子节点的过程,输出了节点名称及对应的文本值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

导读遍历(Traverse)意味着在节点树中进行循环或移动。

遍历节点树

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

这叫做"遍历节点树"。

下面的实例遍历 <book> 的所有子节点,并显示他们的名称和值:
实例

<!DOCTYPE html>
<html>
<body> 
<p id="demo"></p>
<script>

var x, i ,xmlDoc; var txt = ""; var text = "<book>" + "<title>Everyday Italian</title>" + "<author>Giada De Laurentiis</author>" + "<year>2005</year>" + "</book>"; parser = new DOMParser(); xmlDoc = parser.parseFromString(text,"text/xml"); // documentElement 表示根节点 x = xmlDoc.documentElement.childNodes; for (i = 0; i < x.length ;i++) { txt += x[i].nodeName + ": " + x[i].childNodes[0].nodeValue + "<br>"; } document.getElementById("demo").innerHTML = txt;

</script> </body> </html>

输出:

title: Everyday Italian
author: Giada De Laurentiis
year: 2005

实例解释:

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值