XML DOM – 遍歷節(jié)點樹

2018-02-11 15:56 更新

XML DOM 遍歷節(jié)點樹

您經(jīng)常需要循環(huán) XML 文檔，比如，當你需要提取每個元素的值時，這個過程叫作“遍歷節(jié)點樹”。

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

遍歷節(jié)點樹

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

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

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

實例

<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("
");
}
</script>
</body>
</html>

輸出：

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

嘗試一下 ?

實例解釋：

  1. loadXMLString() 把 XML 字符串載入 xmlDoc 中
  2. 獲取根元素的子節(jié)點
  3. 輸出每個子節(jié)點的節(jié)點名稱以及文本節(jié)點的節(jié)點值

以上就是關于 DOM 遍歷節(jié)點樹的全部內(nèi)容了，通過遍歷操作，你可以獲得子節(jié)點的名稱和值！

以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號