DocumentFragment相当于一份脱离document的文档,所以往其中添加元素,对其中元素做各种操作都不会影响到document文档,不会触发回流、重绘和重组等。使用它的好处在于,你可以合并多个dom操作,减少操作dom的次数。
var docFrag = document.createDocumentFragment();
for(var i = 0; i < waveCount; i++){var wave = document.createElement("div");//...docFrag.appendChild(wave); }document.body.appendChild(docFrag);
示例:使用div创建圆