DOM Document 对象

HTML DOM 的 Document 文档对象代表了整个 HTML 文档，HTML 文档中的所有元素都包含在文档对象中。Document 对象提供了很多方法用来操作元素，绑定事件等。

如果想访问 HTML 页面中的任何元素，总是从访问文档对象开始。

下面的表格列举了文档对象的一些方法和属性。

查找 HTML 元素

通过调用 document 对象的方法来查找元素。

方法	说明
`document.getElementById(id)`	通过 id 查找元素
`document.getElementsByTagName(name)`	通过标签名查找元素
`document.getElementsByClassName(name)`	通过类名查找元素

添加和删除元素

document 对象提供一些方法创建、删除元素。

方法	说明
`document.createElement(element)`	创建一个元素
`document.removeChild(element)`	删除一个㢝
`document.appendChild(element)`	添加一个元素
`document.replaceChild(new, old)`	替换子节点
`document.write(text)`	输出内容到 HTML 文档流中

更改 HTML 元素

通过元素的属性和方法来修改元素的内容，属性，样式等

属性/方法	说明
`element.innerHTML`	修改元素的内容
`element.attribute`	修改元素属性的值
`element.style.property`	修改元素的样式
`element.setAttribute(attribute, value)`	修改元素的属性值

添加事件处理程序

通过元素的事件相关的属性给元素添加事件处理程序。

方法	说明
`element.onclick = function(){code}`	给单击事件添加一个事件处理程序
`element.onclick = functionName`	给单击事件添加一个事件处理程序

查找 HTML 对象

第一个 HTML DOM Level 1 (1998)，定义了 11 个 HTML 对象、对象集合和属性。这些在 HTML5 中仍然有效。

后来，在 HTML DOM Level 3 中，添加了更多的对象、集合和属性。

属性	说明
`document.anchors`	属性返回当前文档中的所有锚点元素。已废弃。
`document.applets`	按顺序返回当前文档中所有的 applet 对象。
`document.baseURI`	返回当前文档绝对基址 URL。
`document.body`	返回当前文档中的 `<body>` 元素或者 `<frameset>` 元素
`document.cookie`	获取并设置与当前文档相关联的 cookie。
`document.doctype`	返回当前文档关联的文档类型定义(DTD)。
`document.documentElement`	返回当前文档的 `<html>` 元素
`document.documentMode`	返回浏览器使用的模式
`document.documentURI`	返回当前文档的 URI
`document.domain`	返回当前文档的域名
`document.domConfig`	已废除
`document.embeds`	返回当前文档的 `<embed>` 元素
`document.forms`	返回当前文档的 `<form>` 元素
`document.head`	返回当前文档的 `<head>` 元素
`document.images`	返回当前文档的 `<img>` 元素
`document.implementation`	返回一个和当前文档相关联的 DOMImplementation 对象。
`document.inputEncoding`	返回当前文档的编码
`document.lastModified`	返回当前文档的更新事件
`document.links`	返回一个文档中所有具有 `href` 属性值的 `<area>` 元素与 `<a>` 元素的集合。
`document.readyState`	返回文档的加载状态。
`document.referrer`	返回的是一个 URI, 当前页面就是从这个 URI 所代表的页面跳转或打开的。
`document.scripts`	返回当前文档的所有的 `<script>` 元素
`document.strictErrorChecking`	Returns if error checking is enforced
`document.title`	返回当前文档的 `<title>` 元素。
`document.URL`	返回当前文档的 URL 地址。