XML DOM 教程

1. XML DOM 教程 2. XML DOM 简介 3. XML DOM – 节点 4. XML DOM – 节点树 5. XML DOM 解析器 6. XML DOM 加载函数 7. XML DOM 方法 8. XML DOM 访问节点 9. XML DOM 节点信息 10. XML DOM – 节点列表和命名节点图 11. XML DOM – 遍历节点树 12. XML DOM 浏览器差异 13. XML DOM – 导航节点 14. XML DOM – 获取节点值 15. XML DOM – 改变节点值 16. XML DOM – 删除节点 17. XML DOM – 替换节点 18. XML DOM – 创建节点 19. XML DOM – 添加节点 20. XML DOM – 克隆节点 21. XML DOM – HttpRequest 对象 22. XML DOM – 节点类型 23. XML DOM – Node 对象 24. XML DOM – NodeList 对象 25. XML DOM – NamedNodeMap 对象 26. XML DOM – Document 对象 27. XML DOM – DocumentImplementation 对象 28. XML DOM – DocumentType 对象 29. XML DOM – ProcessingInstruction 对象 30. XML DOM – Element 对象 31. XML DOM – Attr 对象 32. XML DOM – Text 对象 33. XML DOM – CDATASection 对象 34. XML DOM – Comment 对象 35. XML DOM Parse Error 对象 36. XML DOM 解析器错误 37. XML DOM 总结 38. XML DOM 实例 39. XML DOM – 验证 XML

XML DOM – 遍历节点树

上一篇 : XML DOM 教程下一篇 : XML DOM 浏览器差异

XML DOM 遍历节点树

遍历（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

55面试教程网 »

实例解释：

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

精选推荐

神笔写作—国内先进的AI写作平台，涵盖小说、学术、社交媒体等多场景。提供续写、改写、润色等功能，助力创作者高效优化写作流程。界面简洁,功能全面,适合各类写作者提升内容品质和工作效率。