20161206 dom节点操作

dom节点操作    ：新建节点    删除节点    克隆节点 

新建节点：

//1 创建li

var newLi= document.createElement("li");

//2 给li添加文本

newLi.innerHTML="我是动态生成的li"

//3 把li添加到ul里

ul.appendChild(newLi)；

1.appendChild()添加孩子   放在盒子的最后面

2.insertBefore(插入节点，参照节点)  子节点  在参照节点前添加孩子

      insertBefore(test,null)放在最后

移除节点

removeChild();

克隆节点

cloneNode(true);     //深层复制，不仅仅复制元素本身，连它的孩子一起复制

cloneNode(false);    //默认是浅层复制，只仅仅复制盒子本身，它的子节点不会被复制

document.body.appendChild(div.cloneNode(true));   //克隆id是div的盒子添加到body中最后