DOM

1，什么是DOM？

        文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将web页面和脚本或程序语言连接起来。

    一个web页面是一个文档。这个文档可以在浏览器窗口或作为HTML源码显示出来。但上述两个情况中都是同一份文档。文档对象模型（DOM）提供了对同一份文档的另一种表现，存储和操作的方式。 DOM是web页面的完全的面向对象表述，它能够使用如 JavaScript等脚本语言进行修改。

2，DOM 和JavaScript关系？

     在文档中的每个元素— 包括整个文档，文档头部， 文档中的表格，表头，表格中的文本 — 都是文档所属于的文档对象模型（DOM）的一部分，可以通过 JavaScript 来访问和处理文档。

API (web 或 XML 页面) = DOM + JS (脚本语言)

3，如何访问DOM？

使用 document或 window 元素的API来操作文档本身或获取文档的子类（web页面中的各种元素）。

4，DOM接口

document.getElementById(id)

document.getElementsByTagName(name)

document.createElement(name)

parentNode.appendChild(node)

element.innerHTML

element.style.left

element.setAttribute()

element.getAttribute()

element.addEventListener()

window.content

 window.onload

window.dump()

window.scrollTo()

参考：

https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model/Introduction