节点操作

createElement语法前面只能是document
var li=document.createElement(‘li’);
li.innerHTML=‘111’;

通过appendChild、insertBefore把创建的节点添加到页面中
appendChild : 把一个节点添加在指定节点里的最后
var ul=document.querySelector(‘ul’);
ul.appendChild(li);

insertBefore : 把新节点添加到一个节点的前面
elem.insertBefore(li,nowli); //第一个是新节点，第二个是elem的指定子节点，指定为空，添加在最前边
appendChild insertBefore ：也可以对页面中已有的节点进行操作，默认是剪切

elem.removeChild(firstli) : 删除节点,删除elem下边指定的子节点，前边必须是删除节点的父节点

replaceChild : 替换节点
ul.replaceChild(newli,ul.children[0]);

cloneNode : 可以让节点进行复制，true表示复制内容，false不复制内容
elem.cloneNode(true);

innerHTML会使事件失效，尽量使用DOM操作