对于初学JS的小白来说，DOM即文档对象模型是比较难以理解的一部分。
本人的理解是，对于一个网页文档，我们可以获得各种像<html>，<body>、<div>这样的标签，我们以<html>为根节点可以构建一颗DOM树来描述网页结构。对DOM的各种操作就是围绕这课DOM树展开的。
DOM操作的定义
DOM是Document Object Model的缩写，意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松地访问页面中所有的标准组件。简单来说，DOM给予了Web设计者一套标准的方法，让他们能够轻松获取和操作网页中的数据、脚本和表现层对象。
DOM操作的分类
DOM操作分为三个方面，即DOM Core（核心）、HTML-DOM和CSS_DOM。
1.DOM Core
DOM Core不属于JavaScript。任何一种支持DOM的程序设计语言都可以使用它处理网页，也可以用来处理任何一种使用标记语言编写出来的文档，如XML。
JavaScript中的getElementById()、getAttribute()、setAttribute()等方法，都是Core的组成部分。
例如：
使用Core来获取表单对象的方法：
<span style="font-size:14px;"><span style="white-space:pre"> </span>document.getElementByTagName("form");</span>
获取某元素的src属性的方法：
<span style="font-size:14px;"> element.<span style="font-size: 18px; white-space: pre;">getAttribute</span>("src");</span>
2.HTML-DOM
HTML-DOM的出现比DOM Core早，提供了一些更简明的记号来描述各种HTML元素的属性。
但是，只能用来处理Web文档。\
例如：
使用HTML-DOM来获取表单对象的方法：
<span style="font-size:14px;"> document.form;</span>
获取某元素的src属性的方法：
<span style="font-size: 14px;"> element.src;</span>
3. CSS_DOM
CSS-DOM是针对CSS的操作。在JavaScript中，CSS-DOM技术的主要作用是获取和设置style对象的各种属性，使网页呈现出各种不同的效果。
例如：
设置某元素style对象字体颜色的方法：
<span style="font-size: 14px;"> element.style.color="red";</span>
\
