XML DOM 遍歷節(jié)點樹

遍歷（Traverse）意味著在節(jié)點樹中進行循環(huán)或移動。

遍歷節(jié)點樹

通常您想要循環(huán) XML 文檔，比如：當您需要提取每個元素的值時。

這叫做"遍歷節(jié)點樹"。

下面的實例遍歷 <book> 的所有子節(jié)點，并顯示他們的名稱和值：

實例

<!DOCTYPE html>
<html>
<head>
<script src="loadxmlstring.js"></script>
</head>
<body>
<script>
text="<book>";
text=text+"<title>Everyday Italian</title>";
text=text+"<author>Giada De Laurentiis</author>";
text=text+"<year>2005</year>";
text=text+"</book>";

xmlDoc=loadXMLString(text);

// documentElement always represents the root node
x=xmlDoc.documentElement.childNodes;
for (i=0;i<x.length;i++)
  {
  document.write(x[i].nodeName);
  document.write(": ");
  document.write(x[i].childNodes[0].nodeValue);
  document.write("<br>");
  }
</script>
</body>
</html>

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

輸出：

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

實例解釋：

  1. loadXMLString() 把 XML 字符串載入 xmlDoc 中

  2. 獲取根元素的子節(jié)點

  3. 輸出每個子節(jié)點的節(jié)點名稱以及文本節(jié)點的節(jié)點值