實例

下面的例子使用 XML 文件 books.xml。

函數 loadXMLDoc()，位于外部 JavaScript 中，用于加載 XML 文件。

顯示節點列表的長度

本例顯示了一個節點列表的長度。在 IE 和其他瀏覽器中，結果是不同的。

忽略節點間的空文本

本例檢查節點的 nodeType，且僅處理元素節點。

DOM 解析中的瀏覽器差異

所有現代瀏覽器都支持 W3C DOM 規范。

不過，瀏覽器之間是有差異的。重要的區別有兩點：

• 加載 XML 的方式
• 處理空白和換行的方式

在 “解析 XML DOM” 這一節，已經解釋了加載 XML 的不同方式。

在本節中，我們將講解處理空白和換行的不同方式。

DOM - 空白和換行

XML 經常在節點之間含有換行或空白字符。這是在使用簡單的編輯器（比如記事本）時經常出現的情況。

下面的例子（由記事本編輯）在每行之間含有 CR/LF，在每個子節點之前含有兩個空格：

<book> <title>Harry Potter</title> <author>J K. Rowling</author> <year>2005</year> <price>29.99</price> </book>

Firefox，以及其他一些瀏覽器，會把空的空白或換行作為文本節點來處理，而 Internet Explorer 不會這樣。

下面的代碼片段顯示 （books.xml 的） 根元素擁有多少個子節點：

xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.documentElement.childNodes; document.write("Number of child nodes: " + x.length);

例子解釋：

• 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
• 獲取根元素的子節點
• 輸出子節點數目

結果取決于所使用的瀏覽器。Firefox 輸出 9，而 IE 輸出 4。

TIY

忽略節點間的空文本

如需忽略元素節點之間的空文本節點，需要檢查節點類型。元素節點的類型是 1：

xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.documentElement.childNodes; for (i=0;i<x.length;i++) { if (x[i].nodeType==1) {// only process element nodes document.write(x[i].nodeName); document.write("<br />"); } }

例子解釋：

• 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
• 獲取根元素的子節點
• 檢查每個子節點的節點類型。如果節點類型是 "1"，則是元素節點

TIY（簡單） 或者 TIY（完整）