DOM 节点

1. 创建新的文本节点：
   var text=document.createTextNode(“haha”);

创建完成之后可以通过 text.data(或者用nodevalue)=”balabala”; 来改变文本的内容；

1. document.createDocumentFragment();

添加子元素可以用appendChild();

var text=document.createTextNode("heihei");
li.appendChild(text);
=> <li>
        heihei
   </li>

添加多个text如果依然使用appendchild一个一个加的话会导致浏览器反复渲染，大大降低运行效率，所以我们可以使用 var frag=document.createDocumentFragment();来创建的一个类似仓库的东西，利用循环将text插入frag，最后将frag插入li即可。