使用 document.createDocumentFragment()
var docfrag = document.createDocumentFragment(); [1, 2, 3, 4].forEach(function (e) { var li = document.createElement(‘li‘); li.textContent = e; docfrag.appendChild(li); }); var element = document.getElementById(‘ul‘); element.appendChild(docfrag);
注意:
1. 文档片段节点不存在与DOM中, 在插入DOM之前, 对它的操作都是对js对象的操作;
2. 使用文档片段节点将一个较复杂的dom结构构建好再一次性插入到DOM树中, 有利于减少重渲次数, 提高页面性能;
原文：https://www.cnblogs.com/aisowe/p/11546429.html