核心提示: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