js节点操作，帮你查漏补缺

1、创建节点：

1）创建标签节点
document.createElement（‘要创建的标签名’）；
create：创建；element：标签

2）创建文本节点
document.createTextNode（‘要创建的内容’）；

eg：

  var divs = document.createElement('div');
  var texts = document.createTextNode('我是文本');

2、插入节点：

1）父节点.qppendChild（要插入的节点名字）；
作用：插入某节点，使其成为父节点的最后一个子节点

2）父节点.insertBefore（要插入的节点，插入在该节点之前）；

若插入一个父元素已有的节点，原节点被删除，显示新插入的节点

eg：

  var divs = document.createElement('div');
  var texts = document.createTextNode('我的爱人');
  var butt = document.createElement('button');
  //创建一个按钮
  divs.appendChild(texts);
  //将文本节点插入divs这个元素节点中
  divs.insertBefore(butt,texts);
  //将butt插入texts节点之前

3、删除和替换节点：

1）父节点.replaceChild（新节点，要替换的节点）；
用新节点替换父节点中某个已存在节点

2）父节点.removeChild（要删除的节点）；
删除父元素中某节点（只可调用一次即失效，若需要，需重新调用）

eg：

    var threea = document.querySelectorAll('ul li')[0];
    var nweli = document.createElement('li');
    ul.replaceChild(nweli,threea);
    //将父节点中的threea节点，替换成新创建的newli节点
    ul.removeChild(nweli);
    //将父节点中newli节点删除

4、克隆节点：

需克隆节点.cloneNode（true或false）；
true：克隆节点标签，以及标签里的内容（深复制）
false：单纯克隆节点标签（浅复制）
*克隆出来的内容，并未添加至父节点

eg：

    var ul = document.querySelector('ul');
    var thisli = document.querySelectorAll('ul li')[3];
    //获取li中下标为3的节点thisli
    thisli.cloneNode(true);
    //克隆这个thisli节点
    ul.appendChild(thisli);
    //将thisli节点插入到父节点ul中（成为最后一个子节点）