span>
</code></pre></div><h3 id="_5、离线操作-dom"><a href="#_5、离线操作-dom" class="header-anchor">#</a> 5、离线操作 DOM</h3> <ul><li>由于 display 属性为 none 的元素不再渲染树中，对隐藏的元素操作不会一你发其他元素的回流，如果要对一个元素进行复杂的操作时，可以先隐藏它，操作完成后再显示，这样只在隐藏和显示时触发两次回流。</li> <li>通过使用 DocumentFragment 创建一个 DOM 碎片，在它上面批量操�