DocumentFragment节点

DocumentFragment节点

nodeType为10

nodeName为“#document-fragment”

nodeValue为null

该节点是一个节点，但不是DOM树中的一部分，只至关于一个存储其余节点的变量，若是想把它添加到DOM树中，须要调用appendChild等方法

建立该节点的方法为document.createDocumentFragment()

例如想把三个li节点添加到ul节点当中，若是直接在ul上调用appendChild方法，则会致使浏览器反复渲染

可是若是先把ul添加到DocumentFragment中，则只至关于先将li存储在变量中，再将DocumentFragment添加到ul中，则不会反复渲染浏览器

假设已经取得了ul节点的对象，命名为ul

为它添加三个li节点

var do=document.createDocumentFragment()

for(var i=0;i<3;i++)

{

var li=document.creatreElement("li");

do.appendChild(li);

}//先将三个里添加到DocumentFragment中

ul.appendChild(do);//将DocumentFragment总体添加到ul中