XML DOM 遍历节点树

举报
MICAR 发表于 2021/03/05 10:52:14 2021/03/05
【摘要】 遍历(Traverse)意味着在节点树中进行循环或移动。遍历节点树通常您想要循环 XML 文档,比如:当您需要提取每个元素的值时。这叫做"遍历节点树"。下面的实例遍历 <book> 的所有子节点,并显示他们的名称和值:实例<!DOCTYPE html> <html> <body> <p id="demo"></p> <script>var x, i ,xmlDoc; var txt = ""...

遍历(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
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。