XML DOM 實例

2018-02-11 18:29 更新

XML DOM 實例

本節(jié)為你推薦了一些關(guān)于 XML DOM 的使用實例!

XML DOM 解析

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

加載一個 XML 文件
加載一個 XML 字符串

實例解釋


XML DOM 屬性和方法

下面的實例使用 XML 文件 books.xml
函數(shù) loadXMLDoc(),在外部 JavaScript 中,用于加載 XML 文件。
函數(shù) loadXMLString(),在外部 JavaScript 中,用于加載 XML 字符串。

加載并解析 XML 文件 - 外部解析腳本
加載并解析 XML 字符串 - 外部解析腳本

實例解釋


XML DOM 訪問節(jié)點

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

使用節(jié)點列表中的索引號訪問節(jié)點
使用 length 屬性循環(huán)遍歷節(jié)點
查看元素的節(jié)點類型
循環(huán)遍歷元素節(jié)點
使用節(jié)點關(guān)系循環(huán)遍歷元素節(jié)點

實例解釋


XML DOM 節(jié)點信息

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

獲取元素節(jié)點的節(jié)點名稱
從文本節(jié)點獲取文本
更改文本節(jié)點的文本
獲取元素節(jié)點的節(jié)點名稱和類型

實例解釋


XML DOM 節(jié)點列表和屬性列表

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

從第一個 <title> 元素獲取文本
使用 length 屬性循環(huán)遍歷節(jié)點
獲取元素的屬性

實例解釋


XML DOM 遍歷節(jié)點樹

下面的實例使用 XML 文件 books.xml。
函數(shù) loadXMLString(),在外部 JavaScript 中,用于加載 XML 字符串。

遍歷節(jié)點樹

實例解釋


XML DOM 瀏覽器差異

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

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

實例解釋


XML DOM 導(dǎo)航節(jié)點

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

獲取節(jié)點的父節(jié)點
獲取節(jié)點的第一個子元素
獲取節(jié)點的最后一個子元素
獲取節(jié)點的下一個同級元素
獲取節(jié)點的上一個同級元素

實例解釋


XML DOM 獲取節(jié)點值

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

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

實例解釋


XML DOM 更改節(jié)點值

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

更改元素文本節(jié)點
使用 setAttribute 更改屬性值
使用 nodeValue 更改屬性值

實例解釋


XML DOM 刪除節(jié)點

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

刪除元素節(jié)點
刪除當(dāng)前的元素節(jié)點
刪除文本節(jié)點
清空文本節(jié)點的文本
按名稱刪除屬性
按對象刪除屬性

實例解釋


XML DOM 替換節(jié)點

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

替換元素節(jié)點
替換文本節(jié)點中的數(shù)據(jù)

實例解釋


XML DOM 創(chuàng)建節(jié)點

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

創(chuàng)建元素節(jié)點
使用 createAttribute 創(chuàng)建屬性節(jié)點
使用 setAttribute 創(chuàng)建屬性節(jié)點
創(chuàng)建文本節(jié)點
創(chuàng)建 CDATA 區(qū)段節(jié)點
創(chuàng)建注釋節(jié)點

實例解釋


XML DOM 添加節(jié)點

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

在最后一個子節(jié)點后添加一個節(jié)點
在指定子節(jié)點前添加一個節(jié)點
添加一個新的屬性
向文本節(jié)點添加數(shù)據(jù)

實例解釋


XML DOM 克隆節(jié)點

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

復(fù)制一個節(jié)點,并把它追加到已有的節(jié)點

實例解釋


XML DOM XMLHttpRequest 對象

一個簡單的 XMLHttpRequest 實例
創(chuàng)建一個簡單的 XMLHttpRequest,并從一個 TXT 文件中檢索數(shù)據(jù)。

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

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

檢索 ASP 文件的內(nèi)容
用戶在輸入字段中鍵入字符時,網(wǎng)頁如何與 Web 服務(wù)器進行通信。

從數(shù)據(jù)庫檢索內(nèi)容
網(wǎng)頁如何通過 XMLHttpRequest 對象從數(shù)據(jù)庫中提取信息。

檢索 XML 文件的內(nèi)容
創(chuàng)建一個 XMLHttpRequest 從 XML 文件中檢索數(shù)據(jù)并把數(shù)據(jù)顯示在一個 HTML 表格中。

實例解釋

希望這些實例能夠幫助你更加熟悉 XML DOM 的使用!
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號