通過 DOM,您能夠訪問 XML 文檔中的每個節點。
XML DOM 訪問節點
實例
下面的例子使用 XML 文件 books.xml。
函數 loadXMLDoc(),位于外部 JavaScript 中,用于加載 XML 文件。
- 使用節點列表中的下標號來訪問節點
- 本例使用 getElementsByTagname() 方法來獲得 "books.xml" 中的第三個 <title> 元素。
- 使用 length 屬性來循環節點
- 本例使用 length 屬性來循環 "books.xml" 中的所有 <title> 元素。
- 查看元素的節點類型
- 本例使用 nodeType 屬性來獲得 "books.xml" 中根元素的節點類型。
- 循環元素節點
- 本例使用 nodeType 屬性來處理 "books.xml" 中的元素節點。
- 使用節點的關系來循環元素節點
- 本例使用 nodeType 屬性和 nextSibling 屬性來處理 "books.xml" 中的元素節點。
訪問節點
您可以通過三種方法來訪問節點:
- 通過使用 getElementsByTagName() 方法
- 通過循環(遍歷)節點樹
- 通過利用節點的關系在節點樹中導航
getElementsByTagName() 方法
getElementsByTagName() 返回擁有指定標簽名的所有元素。
語法
node.getElementsByTagName("tagname");
實例
下面的例子返回 x 元素下的所有 <title> 元素:
x.getElementsByTagName("title");
請注意,上面的例子僅返回 x 節點下的 <title> 元素。要返回 XML 文檔中的所有 <title> 元素,請使用:
xmlDoc.getElementsByTagName("title");
在這里,xmlDoc 就是文檔本身(文檔節點)。
DOM Node List
getElementsByTagName() 方法返回節點列表 (node list)。節點列表是節點的數組。
下面的代碼通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中,然后在變量 x 中存儲 <title> 節點的一個列表:
xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("title");
可通過下標訪問 x 中的 <title> 元素。要訪問第三個 <title>,您可以編寫:
y=x[2];
TIY
注釋:下標以 0 起始。
在本教程中稍后的章節,您將學到更多有關 Node List 的知識。
DOM Node List Length
length 屬性定義節點列表的長度(即節點的數目)。
您能夠通過使用 length 屬性來循環一個節點列表:
xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("title"); for (i=0;i<x.length;i++) { document.write(x[i].childNodes[0].nodeValue); document.write("<br />"); }
例子解釋:
- 使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc
- 取得所有 <title> 元素節點
- 輸出每個 <title> 元素的文本節點的值
TIY
Node Type
XML 文檔的 documentElement屬性是根節點。
節點的 nodeName屬性是節點的名稱。
節點的 nodeType屬性是節點的類型。
您將在本教程的下一節中學習更多有關節點屬性的知識。
TIY
遍歷節點
下面的代碼循環根節點的子節點,同時也是元素節點:
xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.documentElement.childNodes; for (i=0;i<x.length;i++) { if (x[i].nodeType==1) {//Process only element nodes (type 1) document.write(x[i].nodeName); document.write("<br />"); } }
例子解釋:
- 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
- 獲得根元素的子節點
- 檢查每個子節點的節點類型。如果節點類型是 "1",則是元素節點
- 如果是元素節點,則輸出節點的名稱
TIY
利用節點的關系進行導航
下面的代碼通過利用節點的關系在節點樹中進行導航:
xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("book")[0].childNodes; y=xmlDoc.getElementsByTagName("book")[0].firstChild; for (i=0;i<x.length;i++) { if (y.nodeType==1) {//Process only element nodes (type 1) document.write(y.nodeName + "<br />"); } y=y.nextSibling; }
- 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
- 獲得第一個 book 元素的子節點
- 把 "y" 變量設置為第一個 book 元素的第一個子節點
- 檢查每個子節點的節點類型,如果節點類型是 "1",則是元素節點
- 如果是元素節點,則輸出該節點的名稱
- 把 "y" 變量設置為下一個同級節點,并再次運行循環
TIY