Latest web development tutorials

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 表格中。

實例解釋