您现在的位置:首页 >> 前端 >> 内容

DOM元素选择

时间:2017/4/8 9:24:27 点击:

  核心提示:1.通过HTML选择元素1.通过ID选取元素document.getElementById(id)在当前DOM树中根据ID选择某一子元素2.通过标签名选取元素parent.getElementsByT...

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

Tags:DO OM M元 元素 
作者:网络 来源:不详