DOM节点,DOM节点的查、增、删、插、复制节点，设置节点属性

核心（ECMAScript）欧洲计算机制造商协会
描述了就说、的语法和基本对象
文档对象模型:Document Object model:DOM
处理网页内容的方法和接口
浏览器对象模型：Browser Object Model :BOM
与浏览器交互的方法和接口

DOM的组成（节点–node）
整个文档就是一个节点；
每一个html标签都是一个元素节点
标签中的文字则疏忽文字节点
标签的属性是属性节点
一切都是节点·····

查找节点：
1、通过id找到HTML元素
document.getElementById(“id”);
调用者：document
参数：元素的id
返回值：节点

2、通过标签名找到HTML元素
document.getElementsByTagname("element");
调用者：document、元素节点
参数：标签名
返回值：节点数组
调用者有两个，如果滴啊用着是document，那么获取的是整个文档中的所有标签名为参数值的元素节点。若是元素节点进行调用，那么获取的是这个节点下的所有标签名为参数值的元素节点
3、通过类名找html元素
document.getElementsByClassName（“className”）；
调用者：document,元素节点,参数：类名，返回值：节点数组
 调用者有两个，如果是document,那么获取整个文档中的类名为参数  		值的元素节点。如果是元素节点，那么获取的是这个节点下的所有类名为参数值的元素节点
参数：类名
返回值：节点数组

4、DOM 节点
1）、父节点：parentNode，
用法：子节点.parentNode();
调用者：子节点
返回值：父节点

2）兄弟节点：
priviousSibling(上一个兄弟节点)、
nextSibling（下一个兄弟节点）、
priviousElementSibing（上一个兄弟元素节点）、（ie678不兼容）
nextElementSibling（下一个兄弟元素节点）（ie678不兼容）
用法：兄弟节点.priviousSibling()/兄弟节点.priviouElementSibling(),

3）子节点：firstChild/lastChild/children/childNode
调用者：父元素节点；
返回值：子节点
nodeType值为1时，为元素节点；
nodeType值为2时，为属性节点
nodeType值为3时，为文本节点

4）新增节点：creatElement(“Dom”);
用法：document.creatElement(“Dom”);
调用者：document

5、复制节点：cloneNode();
用法：new newDiv =父节点.cloneNode()；
调用者：父节点
注意：new newDiv =父节点.cloneNode(true)；括号内默认是false，意为只复制节点本身，若为true时为深复制，表示即复制节点本身，也复制内部的子节点

6、插入节点：
1)父节点.appendchild（“li”）;
调用者：父节点
功能：在父元素的尾部插入元素
2)父节点。insertBefore（插入的节点，参照节点））
调用者：父节点
功能：在参照节点前面插入一个节点，若参照节点为null的时候，默认在最后面插入。

7、删除节点：removeChild（）；
用法：父节点.removeChild(要删除的子节点)
自杀：父节点.parentNode.removeChild(父节点)

8、节点属性设置：attribute();
获取节点属性：节点.getAttribute()
设置节点属性：节点.setAttribute(“cc”，3)//设置节点属性cc=“3”；节点。
删除节点：节点.removeAttribute（）；