createDocumentFragment创建文档碎片节点

<script>
    var div=document.createElement("div");
    div.id="test";
    var img=document.createElement("img");
    img.src="a.jpg";
    div.appendChild(img);
    
    var frag=document.createDocumentFragment();
    frag.appendChild(div);
    
    document.body.appendChild(frag);
</script>

 

注：为什么不用appendChild()?  因为调用多次.appendChild(),每次都要刷新页面一次。效率也就大打折扣了