XML DOM 教程
通過 DOM,您能夠訪問 XML 文檔中的每個節(jié)點。
下面的實例使用 XML 文件 books.xml。
函數(shù) loadXMLDoc(),位于外部 JavaScript 中,用于加載 XML 文件。
使用節(jié)點列表中的索引號來訪問節(jié)點
本例使用 getElementsByTagname() 方法來獲取 "books.xml" 中的第三個 <title> 元素。
使用 length 屬性來遍歷節(jié)點
本例使用 length 屬性來遍歷 "books.xml" 中的所有 <title> 元素。
查看元素的節(jié)點類型
本例使用 nodeType 屬性來獲取 "books.xml" 中根元素的節(jié)點類型。
遍歷元素節(jié)點
本例使用 nodeType 屬性來處理 "books.xml" 中的元素節(jié)點。
使用節(jié)點的關(guān)系來遍歷元素節(jié)點
本例使用 nodeType 屬性和 nextSibling 屬性來處理 "books.xml" 中的元素節(jié)點。
您可以通過三種方式來訪問節(jié)點:
1. 通過使用 getElementsByTagName() 方法。
2. 通過循環(huán)(遍歷)節(jié)點樹。
3. 通過利用節(jié)點的關(guān)系在節(jié)點樹中導(dǎo)航。
getElementsByTagName() 返回擁有指定標簽名的所有元素。
下面的實例返回 x 元素下的所有 <title> 元素:
請注意,上面的實例僅返回 x 節(jié)點下的 <title> 元素。如需返回 XML 文檔中的所有 <title> 元素,請使用:
在這里,xmlDoc 就是文檔本身(文檔節(jié)點)。
getElementsByTagName() 方法返回節(jié)點列表。節(jié)點列表是節(jié)點的數(shù)組。
下面的代碼使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中,然后在變量 x 中存儲 <title> 節(jié)點的一個列表:
可通過索引號訪問 x 中的 <title> 元素。如需訪問第三個 <title>,您可以編寫:
注意:該索引從 0 開始。
在本教程后面的章節(jié)中,您將學(xué)習(xí)更多有關(guān)節(jié)點列表(Node List)的知識。
length 屬性定義節(jié)點列表的長度(即節(jié)點的數(shù)量)。
您可以通過使用 length 屬性來遍歷節(jié)點列表:
實例解釋:
XML 文檔的 documentElement 屬性是根節(jié)點。
節(jié)點的 nodeName 屬性是節(jié)點的名稱。
節(jié)點的 nodeType 屬性是節(jié)點的類型。
您將在本教程的下一章中學(xué)習(xí)更多有關(guān)節(jié)點屬性的知識。
下面的代碼遍歷根節(jié)點的子節(jié)點,同時也是元素節(jié)點:
實例解釋:
下面的代碼使用節(jié)點關(guān)系導(dǎo)航節(jié)點樹: