首页技术文章正文

PHP培训之DOM(二)

更新时间:2017-06-30 来源:黑马程序员PHP培训 浏览量:

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




本文版权归黑马程序员PHP培训学院所有,欢迎转载,转载请注明作者出处,谢谢!

作者:黑马程序员PHP培训学院
首发:http://php.itheima.com/

分享到:
在线咨询 我要报名
和我们在线交谈!