DocumentFragment类型的节点

DocumentFragment(文档片段)是一种独立地节点，默认不属于任何文档，因此它没有父节点，但它可以包含多种类型地子节点，例如Element、Text或Comment等。在文档中直接操作节点有时候会引起DOM树的重绘和重排，如果一下子插入大量的节点，势必会降低脚本的性能，而如果将要插入的节点先保存在文档片段中，把文档片段作为一个临时的节点仓库，然后在文档片段中对节点进行排版、加样式、改内容等操作，最后把整个文档节点插入到文档中，能大大减少文档的重绘和重排次数，提升脚本的性能。

var fragment = document.createDocumentFragment(),
    p;
for(var i = 0 ;i<10;i++)
{
    p=document.createElement("p");
    p.innerHTML=i;
    p.style.width="100px";
    fragment.appendChild(p);
}
    document.body.appendChild(fragment);