XML DOM - 屬性和方法

屬性和方法向 XML DOM 定義了編程接口。

目錄: 1、實例; 2、編程接口; 3、XML DOM 屬性; 4、XML DOM 方法; 5、實例; 6、解釋：; 7、解析 XML 文件 - 跨瀏覽器實例; 8、解析 XML 字符串 - 跨瀏覽器實例

實例

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

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

函數 loadXMLString()，位于外部 JavaScript 中，用于加載 XML 字符串。

加載并解析 XML 文件
加載并解析 XML 字符串

編程接口

DOM 把 XML 模擬為一系列節點接口。可通過 JavaScript 或其他編程語言來訪問節點。在本教程中，我們使用 JavaScript。

對 DOM 的編程接口是通過一套標準的屬性和方法來定義的。

屬性經常按照“某事物是什么”的方式來使用（例如節點名是 "book"）。

方法經常按照“對某事物做什么”的方式來使用（例如刪除 "book" 節點）。

XML DOM 屬性

一些典型的 DOM 屬性：

x.nodeName - x 的名稱
x.nodeValue - x 的值
x.parentNode - x 的父節點
x.childNodes - x 的子節點
x.attributes - x 的屬性節點

注釋：在上面的列表中，x 是一個節點對象。

XML DOM 方法

x.getElementsByTagName(name) - 獲取帶有指定標簽名稱的所有元素
x.appendChild(node) - 向 x 插入子節點
x.removeChild(node) - 從 x 刪除子節點

注釋：在上面的列表中，x 是一個節點對象。

實例

從 books.xml 中的 <title> 元素獲取文本的 JavaScript 代碼：

txt=xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue

在此語句執行后，txt 保存的值是 "Harry Potter"。

解釋：

xmlDoc- 由解析器創建的 XML DOM
getElementsByTagName("title")[0]- 第一個 <title> 元素
childNodes[0]- <title> 元素的第一個子節點 (文本節點)
nodeValue- 節點的值 (文本自身)

在上面的例子中，getElementsByTagName 是方法，而 childNodes 和 nodeValue 是屬性。

解析 XML 文件 - 跨瀏覽器實例

下面的代碼片段使用 loadXMLDoc 函數把 books.xml 載入 XML 解析器中，并顯示第一個 book 的數據：

xmlDoc=loadXMLDoc("books.xml"); document.write(xmlDoc.getElementsByTagName("title") [0].childNodes[0].nodeValue); document.write("<br />"); document.write(xmlDoc.getElementsByTagName("author") [0].childNodes[0].nodeValue); document.write("<br />"); document.write(xmlDoc.getElementsByTagName("year") [0].childNodes[0].nodeValue);

輸出：

Harry Potter J K. Rowling 2005

TIY

在上面的例子中，我們為每個文本節點使用 childNodes[0]，即使每個元素只有一個文本節點。這是由于 getElementsByTagName() 方法總是會返回數組。

解析 XML 字符串 - 跨瀏覽器實例

下面的代碼加載并解析一個 XML 字符串：

下面的代碼片段使用 loadXMLString 函數把 books.xml 載入 XML 解析器，并顯示第一個 book 的數據：

text="<bookstore>" text=text+"<book>"; text=text+"<title>Harry Potter</title>"; text=text+"<author>J K. Rowling</author>"; text=text+"<year>2005</year>"; text=text+"</book>"; text=text+"</bookstore>"; xmlDoc=loadXMLString(text); document.write(xmlDoc.getElementsByTagName("title") [0].childNodes[0].nodeValue); document.write("<br />"); document.write(xmlDoc.getElementsByTagName("author") [0].childNodes[0].nodeValue); document.write("<br />"); document.write(xmlDoc.getElementsByTagName("year") [0].childNodes[0].nodeValue);

輸出：