XML DOM 實(shí)例

2018-02-11 18:29 更新

XML DOM 解析

下面的實(shí)例使用 XML 文件 books.xml。

加載一個(gè)XML 文件
加載一個(gè)XML 字符串

實(shí)例解釋


XML DOM 屬性和方法

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

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

實(shí)例解釋


XML DOM 訪問(wèn)節(jié)點(diǎn)

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

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

實(shí)例解釋


XML DOM 節(jié)點(diǎn)信息

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

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

實(shí)例解釋


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

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

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

實(shí)例解釋


XML DOM 遍歷節(jié)點(diǎn)樹

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

遍歷節(jié)點(diǎn)樹

實(shí)例解釋


XML DOM 瀏覽器差異

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

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

實(shí)例解釋


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

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

獲取節(jié)點(diǎn)的父節(jié)點(diǎn)
獲取節(jié)點(diǎn)的第一個(gè)子元素
獲取節(jié)點(diǎn)的最后一個(gè)子元素
獲取節(jié)點(diǎn)的下一個(gè)同級(jí)元素
獲取節(jié)點(diǎn)的上一個(gè)同級(jí)元素

實(shí)例解釋


XML DOM 獲取節(jié)點(diǎn)值

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

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

實(shí)例解釋


XML DOM 更改節(jié)點(diǎn)值

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

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

實(shí)例解釋


XML DOM 刪除節(jié)點(diǎn)

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

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

實(shí)例解釋


XML DOM 替換節(jié)點(diǎn)

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

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

實(shí)例解釋


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

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

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

實(shí)例解釋


XML DOM 添加節(jié)點(diǎn)

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

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

實(shí)例解釋


XML DOM 克隆節(jié)點(diǎn)

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

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

實(shí)例解釋


XML DOM XMLHttpRequest 對(duì)象

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

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

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

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

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

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

實(shí)例解釋

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)