每个网页都是一个dom树，网页中所有的内容都是这个树上的一个节点。JavaScript的工作就是操作这些节点，对节点进行查增删改操作，或是给节点绑定事件。
概念
文档：document
元素（element）：页面中所有的标签，即使元素也是节点
节点（node）：页面中所有的内容，包括标签、属性（标签的属性）、文本(文字,换行,空格,回车))
根元素:html标签
节点
节点的属性:(可以使用标签–元素.（点）出来,可以使用属性节点.出来,文本节点.点出来)
nodeType:节点的类型:1----标签,2—属性,3—文本
nodeName:节点的名字:标签节点—大写的标签名字,属性节点—小写的属性名字,文本节点----#text
nodeValue:节点的值:标签节点—null,属性节点—属性值,文本节点—文本内容
1.创建新的 HTML 元素 (节点) - appendChild()
要创建新的 HTML 元素 (节点)需要先创建一个元素，然后在已存在的元素中添加它。
2.添加节点 appendChild()
向父节点最后的位置上添加新节点
3.插入节点 insertBefore(newEle,index)
参数1：新节点 参数2：在哪个子节点之前插入
4.删除节点 removeChild()
5.替换节点 replaceChild(newEle,oldEle)
6.克隆 cloneNode()
参数：false 表示浅拷贝，只拷贝标签，不拷贝内容。 true 表示深拷贝， 拷贝标签也拷贝内容。