1.什么是DOM
DOM是文档对象模型的简称，它的基本思想是把结构化的文档解析成一系列的节点，再由这些节点组成一个树状的结构。所有节点的最终的树状结构，都有规范的对外接口，以达到使用编程语言操作文档的目的，所以，DOM可以理解成文档的结成变口。
严格的说，DOM不属于JavaScript，但是操作DOM是JavaScript最常见的任务，而JavaScript也是最常使用于DOM操作的语言。
2.节点
DOM的最小组成单位叫做节点，一个文档的树形结构就是各种不同类型的节点组成的。
六种主要节点如下：
1.Document 文档节点 整个文档（window.document）
2.DocumentType 文档类型节点 文档的类型
3.Element 元素节点 HTML 元素（比如<head>、<body>等）
4.Attribute 属性节点 HTML 元素的属性（比如 class="right"）
5.Text 文本节点 HTML 文档中出现的文本
6.DocumentFragment 文档碎片节点 文档的片段
3.选取文档元素
1.通过ID：document.getElementById("idName")
2.通过名字或者标签名：getElementsByName() 方法或者 getElementsByTagName() 方法找到元素，不过如果有多个
3.查询和设置元素的属性：getAttribute(),setAttribute()
4.父亲节点：通过parentNode()方法可以对当前节点的父节点进行操作
5.创建和插入节点：createElement(),appendChild()
通过createElement()方法创建节点
通过appendElement()方法插入节点
6.节点的删除：removeChild()