Método createDocumentFragment() del HTML DOM

Objeto Documento de HTML DOM

createDocumentFragment()El método crea un nuevo DocumentFragment vacío.

Este método es muy útil cuando necesita extraer una parte del documento, modificarla, agregar o eliminar某些内容 y luego volver a insertarla en el documento.

Sintaxis:

document.createDocumentFragment()

var element = document.getElementById('ul');
var fragment = document.createDocumentFragment();
var browsers = ['Firefox', 'Chrome', 'Opera', 'Safari', 'Internet Explorer'];
browsers.forEach(function(browser) {
var li = document.createElement('li');
li.textContent = browser;
fragment.appendChild(li);
});
element.appendChild(fragment);

Compatibilidad del navegador

Método createDocumentFragment() completamente soportado por todos los navegadores：

Detalles técnicos

Objeto Documento de HTML DOM