AJAX開發簡略續一 2

2021-04-13 02:38:54 字數 2321 閱讀 3639

element常用的方法:

方法

描述

getattribute()

以字串形式返回指定屬性的值。

getattributenode()

以attr節點的形式返回指定屬性的值。

getelementsbytabname()

返回乙個node陣列,包含具有指定標記名的所有element節點的子孫節點,其順序為在文件中出現的順序。

hasattribute()

如果該元素具有指定名字的屬性,則返回true。

removeattribute()

從元素中刪除指定的屬性。

removeattributenode()

從元素的屬性列表中刪除指定的attr節點。

setattribute()

把指定的屬性設定為指定的字串值,如果該屬性不存在則新增乙個新屬性。

setattributenode()

把指定的attr節點新增到該元素的屬性列表中。

attr 物件代表文件元素的屬性,有name、value等屬性,可以通過node介面的attributes屬性或者呼叫element介面的 getattributenode()方法來獲取。不過,在大多數情況下,使用element元素屬性的最簡單方法是getattribute()和 setattribute()兩個方法,而不是attr物件。

7.4.3、使用dom操作html文件

需要指出的是,childnodes的值實際上是乙個nodelist物件。因此,可以通過遍歷childnodes陣列的每個元素,來列舉乙個給定節點的所有子節點;通過遞迴,可以列舉樹中的所有節點。下表列出了node物件的一些常用屬性和方法:

node物件常用屬性:

屬性

描述

attributes

如果該節點是乙個element,則以namednodemap形式返回該元素的屬性。

childnodes

以node的形式存放當前節點的子節點。如果沒有子節點,則返回空陣列。

firstchild

以node的形式返回當前節點的第乙個子節點。如果沒有子節點,則為null。

lastchild

以node的形式返回當前節點的最後乙個子節點。如果沒有子節點,則為null。

nextsibling

以node的形式返回當前節點的兄弟下乙個節點。如果沒有這樣的節點,則返回null。

nodename

節點的名字,element節點則代表element的標記名稱。

nodetype

代表節點的型別。

parentnode

以node的形式返回當前節點的父節點。如果沒有父節點,則為null。

previoussibling

以node的形式返回緊挨當前節點、位於它之前的兄弟節點。如果沒有這樣的節點,則返回null。

node物件常用方法:

方法

描述

通過把乙個節點增加到當前節點的childnodes組,給文件樹增加節點。

clonenode()

複製當前節點,或者複製當前節點以及它的所有子孫節點。

haschildnodes()

如果當前節點擁有子節點,則將返回true。

insertbefore()

給文件樹插入乙個節點,位置在當前節點的指定子節點之前。如果該節點已經存在,則刪除之再插入到它的位置。

removechild()

從文件樹中刪除並返回指定的子節點。

replacechild()

從文件樹中刪除並返回指定的子節點,用另乙個節點替換它。

接下來,讓我們使用上述的dom應用程式設計介面,來試著操作html文件。

a、遍歷文件的節點

dom 把乙個html文件視為樹,因此,遍歷整個樹是應該是家常便飯。跟之前說過的一樣,這裡我們提供兩個遍歷樹的例子。通過它,我們能夠學會如何使用 childnodes和firstchile、lastchild、nextsibling、previoussibling遍歷整棵樹。

例子1-- sample3_1.htm:

這 個例子使用了childnodes和遞迴方式來遍歷整個文件,統計文件中出現的element元素總數,並把element標記名全部列印出來。需要 特別注意的是,在使用dom時,必須等文件被裝載完畢再執行遍歷等行為操作文件。sample3_1.htm具體**如下:

onclick="alert('標記總數:' + counttotalelement(document) + '/r/n全部標記如下:/r/n' + elementname);elementname='';">開始統計

執行效果如下:

AJAX開發簡略續一 3

例子2 sample3 2.htm 接下來使用firstchile lastchild nextsibling previoussibling遍歷整個文件樹。修改一下counttotalelement函式,其他跟sample3 1.htm一樣 function counttotalelement n...

AJAX開發簡略續一 5

e 使用dom 操作xml 文件在資料表示方面,xml文件更加結構化。dom在支援 html 的基礎上提供了一系列的 api,支援針對 xml的訪問和操作。利用這些 api,我們可以從 xml中提取資訊,動態的建立這些資訊的 html 呈現文件。處理 xml文件,通常遵循 載入 xml文件 提取資訊...

AJAX開發簡略(3) 打雜的 新浪部落格

首先,它要檢查xmlhttprequest物件的readystate值,判斷請求目前的狀態。參照前文的屬性表可以知道,readystate值為4的時候,代表伺服器已經傳回所有的資訊,可以開始處理資訊並更新頁面內容了。如下 伺服器返回資訊後,還需要判斷返回的http狀態碼,確定返回的頁面沒有錯誤。所有...