PHP培训之DOM(二)

DOM中节点的类型：

document文档节点：代表整个网页，document文档节点不对应标记。是访问文档中各元素的起点。

element元素节点：元素节点对应于网页中的各标记。

attribute属性节点：每个元素都有若干个属性。

Text文本节点：文本节点是最底层节点。

核心DOM公共属性和方法

lnodeName：节点名称。

lnodeValue：节点的值。

lfirstChild：第一个子节点。

llastChild：最后一个子节点。

lparentNode：父节点。

lchildNodes：子节点列表，是一个数组。

节点访问

查找html节点的方法

ldocument.firstChild  

ldocument.documentElement(兼容性较好)

查找body节点的方法

ldocument.firstChild.lastChild

ldocument.body(推荐使用)

节点属性

1、getAttribute()——获取属性的值

l描述：获取节点属性的值。

l语法：nodeObj.getAttribute(name)

l参数：name代表当前节点的某个属性。

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

2、setAttribute()——添加属性

l描述：给某个节点添加属性。

l语法：nodeObj.setAttribute(name,value)

l参数：

uname代表属性名称。

uvalue代表属性的值。

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

3、removeAttribute()——删除属性

l描述：删除某个节点的属性。

l语法：nodeObj.removeAttribute(name)

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