Document ：表示当前页面

由于HTML在浏览器中以DOM形式表示为树形结构，document对象就是整个DOM树的根节点。

一、方法

1、document.getElementsByClassName(classname)
· 返回文档中所有指定类名的元素集合
· 多个class用空格隔开document.getElementsByClassName("example color")。只能匹配到<div class="example color"></div>，匹配不到<div class="example"></div>

2、document.getElementById(elementID)
· 返回指定 ID 的元素

3、document.getElementsByName(name)
· 返回带有指定名称的对象的集合<input name="x" type="radio" value="狗">

4、document.getElementsByTagName(tagname)
· 返回带有指定标签名的对象的集合
· 提示：参数值 "*" 返回文档的所有元素

5、document.querySelector(CSS selectors)
· 返回文档中匹配指定 CSS 选择器的一个元素document.querySelector("#demo");

6、document.querySelectorAll(CSS selectors)
· 返回文档中匹配指定 CSS 选择器的所有元素的集合

7、document.createAttribute(attributename)
· 用于创建一个指定名称的属性，并返回Attr 对象属性

8、document.addEventListener(event, function, [useCapture])
· 用于向文档添加事件
· 提示：IE8- 使用 attachEvent()

9、document.removeEventListener(event, function, [useCapture])
· 用于移除由 document.addEventListener()方法添加的事件
· 注意：如果要移除事件句柄，addEventListener() 的执行函数必须使用外部函数。
document.removeEventListener("event", function(){ myScript });该事件是无法移除的
· 提示：IE8- 使用 detachEvent()