DOM简单介绍

HTML 文档对象模型（HTML Document Object Model）定义了访问和处理 HTML 文档的标准方法。
HTML DOM 把HTML文档呈现为带有元素、属性和文本的树结构（节点树）。

如下图所示：

什么是DOM?
通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西，JavaScript 就需要对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。
DOM 被分为不同的部分（核心、XML及HTML）和级别（DOM Level 1/2/3）：
Core DOM :定义了一套标准的针对任何结构化文档的对象。 
XML DOM :定义了一套标准的针对 XML 文档的对象。
HTML DOM :定义了一套标准的针对 HTML 文档的对象。