createDocumentFragment

document.createDocumentFragment();

如果使用appendChid方法将原DOM树中的节点添加到DocumentFragment中时，会删除原来的节点;

----------------------------------------------------------------------------------------------------------------------------------------------------

需求：添加多个DOM元素

使用：先将这些元素添加到DocumentFragment中，再统一将DocumentFragment添加到页面，会减少页面渲染DOM的次数，效率会明显提升；

-----------------------------------------------------------------------------------------------------------------------------------------------------

DocumentFragment是DOM节点。它们不是主DOM树的一部分。通常的用例是创建文档片段，将元素附加到文档片段，然后将文档片段附加到DOM树。在DOM树中，文档片段被其所有的子元素所代替。

因为文档片段存在于内存中，并不在DOM树中，所以将子元素插入到文档片段时不会引起页面回流（对元素位置和几何上的计算）。因此，使用文档片段通常会带来更好的性能。