Método createDocumentFragment() do HTML DOM

Objeto Documento do HTML DOM

createDocumentFragment()O método cria um novo DocumentFragment vazio.

Este método é útil quando você deseja extrair uma parte do documento, modificá-la, adicionar ou remover algum conteúdo e reinsertá-lo no documento.

Sintaxe:

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);

Compatibilidade do Navegador

Método createDocumentFragment() completamente suportado por todos os navegadores:

Detalhes Técnicos

Objeto Documento do HTML DOM