频道栏目
首页 > 资讯 > HTML/CSS > 正文

DOM元素选择

17-04-11        来源:[db:作者]  
收藏   我要投稿

1.通过HTML选择元素

1.通过ID选取元素

document.getElementById('id')
在当前DOM树中根据ID选择某一子元素

2.通过标签名选取元素

parent.getElementsByTagName('标签名')
在当前DOM树中根据标签名选取一组元素(类数组对象)

3.通过name属性选取元素

document.getElementsByName('name属性值')
返回DOM树中具有指定name属性值的所有子元素集合

2.通过CSS选取元素

1.通过CSS类选取元素

parent.getElementsByClassName('className')
IE9+、Firefox3+、Safari3.1+、Chrome、Opera9.5+可用

2.通过CSS选择器选取元素

(jQuery的核心)
parent.querySelector('selector');//返回第一个匹配的
parent.querySelectorAll('selector');//返回所有的

3.其他选取

1.document.all

2.document.documentElement

document.documentElement对象是整个HTML文档的根元素(
元素)的引用 document.documentElement===document.lastChild

3.document.head

document.head对象是HTML文档中
元素的引用 document.head===document.lastChild.firstChild

4.document.body

document.body对象是HTML文档中
元素的引用 document.body===document.lastChild.lastChild
相关TAG标签
上一篇:jQuery三种常见选择器
下一篇:小程序开发中js错误集合,一直会更新
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站