首頁技術(shù)文章正文

PHP培訓(xùn)之DOM(二)

更新時間:2017-06-30 來源:黑馬程序員PHP培訓(xùn) 瀏覽量:

DOM中節(jié)點的類型:

document文檔節(jié)點:代表整個網(wǎng)頁,document文檔節(jié)點不對應(yīng)標記。是訪問文檔中各元素的起點。

element元素節(jié)點:元素節(jié)點對應(yīng)于網(wǎng)頁中的各標記。

attribute屬性節(jié)點:每個元素都有若干個屬性。

Text文本節(jié)點:文本節(jié)點是最底層節(jié)點。

核心DOM公共屬性和方法

lnodeName:節(jié)點名稱。

lnodeValue:節(jié)點的值。

lfirstChild:第一個子節(jié)點。

llastChild:最后一個子節(jié)點。

lparentNode:父節(jié)點。

lchildNodes:子節(jié)點列表,是一個數(shù)組。

節(jié)點訪問

查找html節(jié)點的方法

ldocument.firstChild  

ldocument.documentElement(兼容性較好)

查找body節(jié)點的方法

ldocument.firstChild.lastChild

ldocument.body(推薦使用)

節(jié)點屬性

1、getAttribute()——獲取屬性的值

l描述:獲取節(jié)點屬性的值。

l語法:nodeObj.getAttribute(name)

l參數(shù):name代表當(dāng)前節(jié)點的某個屬性。

l舉例:var src = imgObj.getAttribute(“src”)

2、setAttribute()——添加屬性

l描述:給某個節(jié)點添加屬性。

l語法:nodeObj.setAttribute(name,value)

l參數(shù):

uname代表屬性名稱。

uvalue代表屬性的值。

l舉例:imgObj.setAttribute(“src” , “images/02.jpg”)

3、removeAttribute()——刪除屬性

l描述:刪除某個節(jié)點的屬性。

l語法:nodeObj.removeAttribute(name)

l舉例:imgObj.removeAttribute(“src”)




本文版權(quán)歸黑馬程序員PHP培訓(xùn)學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請注明作者出處,謝謝!

作者:黑馬程序員PHP培訓(xùn)學(xué)院
首發(fā):http://php.itheima.com/

分享到:
在線咨詢 我要報名
和我們在線交談!