XML DOM - 屬性和方法
屬性和方法向 XML DOM 定義了編程接口。
實例
下面的例子使用 XML 文件 books.xml。
函數 loadXMLDoc(),位于外部 JavaScript 中,用于加載 XML 文件。
函數 loadXMLString(),位于外部 JavaScript 中,用于加載 XML 字符串。
編程接口
DOM 把 XML 模擬為一系列節(jié)點接口?赏ㄟ^ JavaScript 或其他編程語言來訪問節(jié)點。在本教程中,我們使用 JavaScript。
對 DOM 的編程接口是通過一套標準的屬性和方法來定義的。
屬性經常按照“某事物是什么”的方式來使用(例如節(jié)點名是 "book")。
方法經常按照“對某事物做什么”的方式來使用(例如刪除 "book" 節(jié)點)。
XML DOM 屬性
一些典型的 DOM 屬性:
- x.nodeName - x 的名稱
- x.nodeValue - x 的值
- x.parentNode - x 的父節(jié)點
- x.childNodes - x 的子節(jié)點
- x.attributes - x 的屬性節(jié)點
注釋:在上面的列表中,x 是一個節(jié)點對象。
XML DOM 方法
- x.getElementsByTagName(name) - 獲取帶有指定標簽名稱的所有元素
- x.appendChild(node) - 向 x 插入子節(jié)點
- x.removeChild(node) - 從 x 刪除子節(jié)點
注釋:在上面的列表中,x 是一個節(jié)點對象。
實例
從 books.xml 中的 <title> 元素獲取文本的 JavaScript 代碼:
txt=xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue
在此語句執(zhí)行后,txt 保存的值是 "Harry Potter"。
解釋:
- xmlDoc - 由解析器創(chuàng)建的 XML DOM
- getElementsByTagName("title")[0] - 第一個 <title> 元素
- childNodes[0] - <title> 元素的第一個子節(jié)點 (文本節(jié)點)
- nodeValue - 節(jié)點的值 (文本自身)
在上面的例子中,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
在上面的例子中,我們?yōu)槊總文本節(jié)點使用 childNodes[0],即使每個元素只有一個文本節(jié)點。這是由于 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);
輸出:
Harry Potter J K. Rowling 2005