MDN中對documentFragment的解釋:
DocumentFragment,文檔片段接口,一個沒有父對象的最小文檔對象。它被作為一個輕量版的 Document使用,就像標準的document一樣,存儲由節(jié)點(nodes)組成的文檔結(jié)構(gòu)。與document相比,最大的區(qū)別是DocumentFragment不是真實 DOM 樹的一部分,它的變化不會觸發(fā) DOM 樹的重新渲染,且不會導致性能等問題。
當我們把一個 DocumentFragment 節(jié)點插入文檔樹時,插入的不是 DocumentFragment 自身,而是它的所有子孫節(jié)點。在頻繁的DOM操作時,我們就可以將DOM元素插入DocumentFragment,之后一次性的將所有的子孫節(jié)點插入文檔中。和直接操作DOM相比,將DocumentFragment 節(jié)點插入DOM樹時,不會觸發(fā)頁面的重繪,這樣就大大提高了頁面的性能。