createDocumentFragment()方法的妙用

在更新少量节点的时候可以直接向document.body节点中添加，但是当要向document中添加大量数据时，如果直接添加这些新节点，这个过程非常缓慢，因为每添加一个节点都会调用父节点的appendChild()方法，为了解决这个问题。

可以创建一个文档碎片，把所有的新节点附加其上，然后把文档碎片一次性添加到document中。

//传统的方法会进行多次页面渲染
window.onload=function (argument) {
        for (var i = 0; i < 10; i++) {
        var p =document.createElement("p");
        var data =document.createTextNode("段落");
        p.appendChild(data);
        document.body.appendChild(p);

        }
    }

使用createDocumentFragment

//新的方法
    window.onload=function (argument) {
        var cdf=document.createDocumentFragment();
        for (var i = 0; i <10; i++) {
    
            var p =document.createElement("p");
            var data=document.createTextNode("段落");
            p.appendChild(data);
            cdf.appendChild(p);

        }
            document.body.appendChild(cdf);
    }