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中