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中

 

转载于:https://www.cnblogs.com/yunl/p/5891842.html