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

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

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

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

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”)