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