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 文件。

使用節點列表中的索引號訪問節點
使用 length 屬性循環遍歷節點
查看元素的節點類型
循環遍歷元素節點
使用節點關系循環遍歷元素節點

實例解釋

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 字符串。

遍歷節點樹

實例解釋

XML DOM 瀏覽器差異

下面的實例使用 XML 文件 books.xml。
函數 loadXMLDoc()，在外部 JavaScript 中，用于加載 XML 文件。

顯示節點列表的長度 - IE 和其他瀏覽器的不同結果
忽略節點之間的空文本

實例解釋

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 文件。

創建元素節點
使用 createAttribute 創建屬性節點
使用 setAttribute 創建屬性節點
創建文本節點
創建 CDATA 區段節點
創建注釋節點

實例解釋

XML DOM 添加節點

下面的實例使用 XML 文件 books.xml。
函數 loadXMLDoc()，在外部 JavaScript 中，用于加載 XML 文件。

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

實例解釋

XML DOM 克隆節點

下面的實例使用 XML 文件 books.xml。
函數 loadXMLDoc()，在外部 JavaScript 中，用于加載 XML 文件。

復制一個節點，并把它追加到已有的節點

實例解釋

XML DOM XMLHttpRequest 對象

一個簡單的 XMLHttpRequest 實例
創建一個簡單的 XMLHttpRequest，并從一個 TXT 文件中檢索數據。

通過 getAllResponseHeaders() 檢索頭信息
檢索資源（文件）的頭信息。

通過 getResponseHeader() 檢索指定的頭信息
檢索資源（文件）的指定頭信息。

檢索 ASP 文件的內容
用戶在輸入字段中鍵入字符時，網頁如何與 Web 服務器進行通信。

從數據庫檢索內容
網頁如何通過 XMLHttpRequest 對象從數據庫中提取信息。

檢索 XML 文件的內容
創建一個 XMLHttpRequest 從 XML 文件中檢索數據并把數據顯示在一個 HTML 表格中。

實例解釋