javascript中dom节点操作（创建节点、增加节点、删除节点、克隆节点）

1.1 dom 的节点操作 

 新建节点   插入节点   删除节点   克隆节点 

1.1.1  创建节点 

  var div = document.creatElement(“li”);

   上面的意思就是 生成一个新的  li 标签  

1.1.2 插入节点 

  1.  appendChild();    添加孩子     append 添加的意思

   意思：  添加孩子   放到盒子的 最后面。

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

    写满两个参数  

demo.insertBefore(test,childrens[0]);

   放到了第一个孩子的前面  

  如果第二个参数  为 null  则 默认这新生成的盒子放到最后面。

  demo.insertBefore(test,null);

1.1.3   移除节点

removeChild()    移除孩子节点       

var da = document.getElementById("xiongda");
demo.removeChild(da);

 

1.1.4 克隆节点

 cloneNode();

 复制节点 

 括号里面可以跟参数  ， 如果 里面是 true  深层复制， 除了复制本盒子，还复制子节点  

 如果为 false  浅层复制   只复制   本节点  不复制 子节点。