当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model），即DOM。现在就来简单总结一下。
什么是DOM？
DOM 是 W3C（万维网联盟）的标准。
DOM 定义了访问 HTML 和 XML 文档的标准：
“W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”
W3C DOM 标准被分为 3 个不同的部分：
<1>核心 DOM - 针对任何结构化文档的标准模型
<2>XML DOM - 针对 XML 文档的标准模型
<3>HTML DOM - 针对 HTML 文档的标准模型
（1）节点：
根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：
1.整个文档是一个文档节点
2.每个 HTML 元素是元素节点
3.HTML 元素内的文本是文本节点
4.每个 HTML 属性是属性节点
5.注释是注释节点
节点树如下图所示：
通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML，可以进行如下操作：
1>能够改变页面中的所有 HTML 元素
2>能够改变页面中的所有 HTML 属性
3>能够改变页面中的所有 CSS 样式
4>能够对页面中的所有事件做出反应
（2）方法：
方法是我们可以在节点（HTML元素）上执行的动作，比如添加或修改元素。一些常用的方法如下表：
（3）属性：
属性是您能够获取或设置的值（比如节点的名称或内容）。
<1>innerHTML属性：可用于获取或改变任意 HTML 元素，包括 <html> 和 <body>。
<2>nodeName 属性：规定节点的名称。nodeName 是只读的
1.元素节点的 nodeName 与标签名相同
2.属性节点的 nodeName 与属性名相同
3.文本节点的 nodeName 始终是 #text
4.文档节点的 nodeName 始终是 #document
<3>nodeValue属性：规定节点的值。
1.元素节点的 nodeValue 是 undefined 或 null
2.文本节点的 nodeValue 是文本本身
属性节点的 nodeValue 是属性值
<4>nodeType属性：返回节点的类型，是只读的。
比较重要的节点类型有：
小结：DOM就简单介绍到这里，将其看做一个树型结构还是非常好理解的，要做到灵活运用，一些常用的属性和方法还是需要自己多加练习的。
感谢您的阅读~