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狀態碼,確定返回的頁面沒有錯誤。所有...