1什么是DOM
文档对象模型（document Object model），是w3c组织推荐的处理可扩展标记语言的标准编程接口
w3c定义了一些列的dom接口，通过这些dom接口可以改变网页的内容，结构 和样式
- 文档 一个页面就是一个文档，DOM中使用document表示
- 节点：网页中的所有内容，在文档树中都是节点（标签，属性，文本，注释),使用node表示
- 标签节点: 网页中所有标签，称为元素节点 使用element表示
DOM把以上这些内容都看作是对象
获取元素
为什么要获取元素？
我们想要操作页面上的某部分(显示/隐藏，动画)，需要先获取该部分对应的元素，再对其进行操作
通过ID获取
document.getElementById(id)
参数：id值，区分大小写的字符串
返回值: 元素对象 或者null
通过标签名
document.getElementsByTagName('标签名') 或者 element.getElementsByTagName('标签名')
参数:标签名
返回值:元素对象集合（伪数组，数组元素是元素对象）
注意：因为得到的是一个对象的集合，所以我们想要操作里面的元素就需要遍历
得到的元素对象是动态的
H5新增的获取元素方式
document.getElementByClassName('类名') 根据类名返回元素对象集合
document.querySelector('选择器') 根据指定选择器返回第一个元素对象
document.querySelectorAll('选择器') 根据指定选择器返回所有元素对象集合
注意: 选择器要加符号 #box .nav
获取特殊元素(body,html)
document.body 返回body元素对象
document.documentElement 返回html元素对象
