DOM 遍歷

遍歷（Traverse）意味著在節(jié)點(diǎn)樹(shù)中進(jìn)行循環(huán)或移動(dòng)。

遍歷節(jié)點(diǎn)樹(shù)

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

這叫做"遍歷節(jié)點(diǎn)樹(shù)"。

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

實(shí)例

<!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 表示根節(jié)點(diǎn) 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

運(yùn)行代碼 ?

實(shí)例解釋：

將 XML 字符串載入 xmlDoc 中
獲取根元素的子節(jié)點(diǎn)
輸出每個(gè)子節(jié)點(diǎn)的節(jié)點(diǎn)名稱以及文本節(jié)點(diǎn)的節(jié)點(diǎn)值

上一篇：DOM 節(jié)點(diǎn)列表下一篇：DOM 瀏覽器