每天学一点---document.createDocumentFragment

document.createDocumentFragment  用于创建文档对象，创建好的对象存在于内存中（不会引起回流，对元素位置和几何上的运算），不是附着在DOM树上，所以有更好的性能 可将该文档片段插入DOM树中，

例子：

var element  = document.getElementById('ul'); // assuming ul exists var fragment = document.createDocumentFragment(); var browsers = ['Firefox', 'Chrome', 'Opera', 'Safari', 'Internet Explorer']; browsers.forEach(function(browser) { var li = document.createElement('li'); li.textContent = browser; fragment.appendChild(li); }); element.appendChild(fragment);