DOM2（获取元素）

获取元素 （常用/不常用）
获取节点 （常用/不常用）
节点属性定义
兼容

获取元素（常用）

1.document.querySelector（"#btn"）
（1）根据任意选择器取元素（返回符合条件第一个）
（2）ID选择器/类选择器/等任何选择器（基础选择器4种）例如：#id，.lzy ， div等

2.document.querySelectorAll（".lzy"）
（1）根据任意选择器取元素（多个）
（2）类选择器/等任何选择器（基础选择器4种）例如：.lzy ， div等

3.document.body
（1）获取body元素

4.document.documentElement
（1）获取html元素

5.getElementById（"  "）.getElementsByTagName（" "）
（1）嵌套关系缩小范围，element不能省略
（2）获取时不获取父元素对象

获取节点（常用）

1.parentNode
（1）获取父元素
（2）得到离元素最近的父节点，有父节点不找爷节点
（3）元素的父节点和元素的父元素一致，皆为元素；

2.children
（1）获取子元素
（2）得出的子节点是伪数组

3.children[0] 
（1）获取第一个子元素

4.children[ 元素.children.length-1] 
（1）获取最后一个子元素

获取元素（不常用）

1.getElementById（"id"）：根据id选择器取元素（一个）
2.getElementsByTagName（" "）：根据标签选择器获取元素（多个）
3.getElementsByClassName（"类样式的名字"）：根据类样式选择器获取元素（多个）
4.getElementsByName（"name属性的值"）：根据name属性的值获取元素（多个）

获取节点（不常用）

1.第一个子节点:firstChild(包括元素节点和文本节点)
2.最后一个子节点:lastChild(包括元素节点和文本节点)
3.某个元素的前一个兄弟节点:previousSibling(包括元素节点和文本节点)
4.某个元素的后一个兄弟节点:nextSibling(包括元素节点和文本节点)
5.第一个子元素:firstElementChild
6.最后一个子元素:lastElementChild
7.某个元素的前一个兄弟元素:previousElementSibling
8.某个元素的后一个兄弟元素:nextElementSibling
9.childNodes：所有元素节点+所有的文本节点（多个）（需要根据节点属性筛选）

节点属性定义：当获取的是节点时需要用此筛选元素

项目	节点类型	节点名称	节点值
标签节点	nodeType:1	nodeName：大写的标签名字	nodeValue：null
属性节点	nodeType:2	nodeName：小写的标签名字	nodeValue：属性的值
文本节点	nodeType:3	nodeName：#text	nodeValue：文本内容

兼容

1.无兼容

1. document.body
2. document.documentElement
3. parentNode
4. children
5. getElementById（“id”）
6. getElementsByTagName（“”）
7. getElementsByName（“name属性的值”）
8. childNodes

2.ie9以上

1. document.querySelector（“#btn”）；
2. document.querySelectorAll（“.lzy”）；
3. getElementsByClassName（“类样式的名字”）
4. 第一个子节点：firstChild
5. 最后一个子节点：lastChild
6. 某个元素的前一个兄弟节点：previousSibling
7. 某个元素的后一个兄弟节点：nextSibling
8. 第一个子元素：firstElementChild
9. 最后一个子元素：lastElementChild
10. 某个元素的前一个兄弟元素：previousElementSibling
11. 某个元素的后一个兄弟元素：nextElementSibling