DOM 遍历


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


遍历节点树

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

这叫做"遍历节点树"。

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

实例

<!DOCTYPEhtml><html><body><pid="demo"></p><script>
varx, i ,xmlDoc; vartxt = ""; vartext = "<book>" + "<title>Everyday Italian</title>" + "<author>Giada De Laurentiis</author>" + "<year>2005</year>" + "</book>"; parser = newDOMParser(); 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. 获取根元素的子节点
  3. 输出每个子节点的节点名称以及文本节点的节点值