document.createDocumentFragment() 一个容器,用于暂时存放创建的dom元素
将需要添加的大量元素先添加到文档碎片中,再将文档碎片添加到需要插入的位置,大大 减少dom操作,提高性能
var df = document.createDocumentFragment();
for(var i=100; i>0; i--){
var elem = document.createElement('div');
df.appendChild(elem); }
//最后放入到页面上
document.body.appendChild(df);