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

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

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

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

attribute屬性節(jié)點(diǎn)：每個(gè)元素都有若干個(gè)屬性。

Text文本節(jié)點(diǎn)：文本節(jié)點(diǎn)是最底層節(jié)點(diǎn)。

核心DOM公共屬性和方法

lnodeName：節(jié)點(diǎn)名稱。

lnodeValue：節(jié)點(diǎn)的值。

lfirstChild：第一個(gè)子節(jié)點(diǎn)。

llastChild：最后一個(gè)子節(jié)點(diǎn)。

lparentNode：父節(jié)點(diǎn)。

lchildNodes：子節(jié)點(diǎn)列表，是一個(gè)數(shù)組。

節(jié)點(diǎn)訪問

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

ldocument.firstChild  

ldocument.documentElement(兼容性較好)

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

ldocument.firstChild.lastChild

ldocument.body(推薦使用)

節(jié)點(diǎn)屬性

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

l描述：獲取節(jié)點(diǎn)屬性的值。

l語(yǔ)法：nodeObj.getAttribute(name)

l參數(shù)：name代表當(dāng)前節(jié)點(diǎn)的某個(gè)屬性。

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

2、setAttribute()——添加屬性

l描述：給某個(gè)節(jié)點(diǎn)添加屬性。

l語(yǔ)法：nodeObj.setAttribute(name,value)

l參數(shù)：

uname代表屬性名稱。

uvalue代表屬性的值。

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

3、removeAttribute()——?jiǎng)h除屬性

l描述：刪除某個(gè)節(jié)點(diǎn)的屬性。

l語(yǔ)法：nodeObj.removeAttribute(name)

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