节点的创建，删除，复制

window.onload=function() {

    var demo = document.getElementById("demo");
    var one = document.getElementById("one");

    var li = document.createElement("li");
    childrens=demo.children;
    li.className = "newli";
    li.setAttribute("id", "nli");
    //demo.appendChild(li);///插入节点
    demo.insertBefore(li,childrens[1]);///插入节点（新节点，参照节点）
    demo.removeChild(li);///删除节点
   // var kl=childrens[0].cloneNode(true);//复制节点
   // demo.appendChild(kl);
    demo.appendChild( childrens[0].cloneNode(false));///注意clonNode的参数表示是否深层复制
}

备注：1，创建新节点和复制节点都要用到appendChild或则insertBrfore来插入
　　　2，插入节点有两种方式appenChild为插入到最后，insertBore（新节点，参照节点）  参照节点值可以为null表示放在最后面
　　　3，要克隆的节点.cloneNode（true/flase）  参数可以选择是否深层复制 true表示深层  flase表示不深层复制。
　　　4，setAttribute（属性，值）可以用这个方法来设置新创建节点的id，classname。

节点的创建，删除，复制

原文：http://www.cnblogs.com/20171017meili/p/7691288.html