码迷,mamicode.com
首页 > 其他好文 > 详细

DOM-Element() 对象

时间:2017-09-03 21:07:34      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:对象   元素访问   htm   元素   ova   parent   返回   包括   内容   

 

元素与节点的区别:

1)通过节点访问或操作HTML页面内容:

1.元素节点:表示HTML页面中的标签

2.属性节点:表示HTML页面中标签的属性

3.文本节点:表示HTML页面中标签的文本内容

2)通过元素访问或操作 HTML页面内容:

元素:表示 HTML页面中的标签


遍历元素:

1.获取父元素(指定标签查找其父元素) (parentElement)

注:parentNode 表示获取指定元素的父节点。这个父节点可能是元素节点,也可能是文档节点。

parentElement 表示获取指定元素的父元素节点。该元素没有父节点,或者它的父节点不是?一个元 素节点,则返回 null 。


2.获取子元素(指定标签查找其子元素) (firstElementChild :获取指定标签的第一个子元素)

(lastElementChild :获取指定标签的最后一个子元素)

(children :获取指定标签的所有子元素)


注:childNodes 返回指定元素的子元素集合,包括 HTML 节点、所有属性、文本节点。

children 返回指定元素的子元素集合,但它只返回 HTML 元素节点。

3.获取兄弟元素(指定标签查找兄弟元素) (previousElementSibling : 获取指定节点的前一个兄弟节点)

(nextElementSibling : 获取指定节点的后一个兄弟节点)

 

title:鼠标悬停

获取属性

1.getArribute(获取HTML页面标签的指定属性值) 语法:元素.getArribute(属性名)


2.setArribute(增加HTML页面标签的指定属性) 语法:元素.setArribute(属性名,属性值)


3.removArribute(删除HTML页面标签的指定属性值) 语法:元素.removArribute(属性名)


4.hasArribute(判断HTML页面标签的是否含有属性) 语法:元素.hasArribute(属性名)


 

DOM-Element() 对象

标签:对象   元素访问   htm   元素   ova   parent   返回   包括   内容   

原文地址:http://www.cnblogs.com/LLXC/p/7470803.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!