XML DOM 實例

XML DOM 解析

在下面的例子中使用的 XML 文件:books.xml

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

例子解釋

XML DOM 屬性和方法

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

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

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

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

例子解釋

XML DOM 節點信息

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

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

獲取元素節點的節點名稱
從文本節點獲取文本
更改文本節點中的文本
獲取元素節點的節點名稱和類型

例子解釋

XML DOM 節點列表和屬性列表

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

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

從第一個 <title> 元素獲取文本
通過使用 length 屬性來循環節點
獲取元素的屬性

例子解釋

XML DOM 遍歷節點樹

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

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

遍歷一棵節點樹
循環 <book> 元素的所有子節點。

例子解釋

XML DOM 瀏覽器差異

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

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

顯示節點列表的長度
本例顯示了一個節點列表的長度。在 IE 和其他瀏覽器中,結果是不同的。
忽略節點間的空文本
本例檢查節點的 nodeType,且僅處理元素節點。

例子解釋

XML DOM 定位節點

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

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

獲取節點的父節點
獲取節點的首個子節點
獲取節點的最后一個子節點
獲取節點的下一個同級元素
獲取節點的上一個同級元素

例子解釋

XML DOM 獲取節點值

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

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

獲取元素的值
獲取屬性的值

例子解釋

XML DOM 改變節點值

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

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

改變元素的文本節點
通過使用 setAttribute 來改變屬性的值
通過使用 nodeValue 來改變屬性值

例子解釋

XML DOM 刪除節點

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

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

刪除元素節點
刪除當前元素節點
刪除文本節點
清空文本節點的文本
根據名稱刪除屬性
根據對象刪除屬性

例子解釋

XML DOM 替換節點

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

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

替換元素節點
替換文本節點中的數據

例子解釋

XML DOM 添加節點

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

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

在最后一個子節點之后添加一個節點
在指定的子節點之前添加一個節點
添加一個新屬性
向文本節點添加數據

例子解釋

XML DOM 克隆節點

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

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

復制一個節點,并把它追加到已有的節點
本例使用 cloneNode() 來復制一個節點,并把它追加到 XML 文檔的根節點。

例子解釋