Exemplo
Criar um nó DocumentFragment e acrescentar um filho a ele (a list item) . Em seguida, alterar o valor do nó do item da lista e inseri-lo como o último filho da lista:
var d = document.createDocumentFragment();
d.appendChild(document.getElementsByTagName("LI")[0]);
d.childNodes[0].childNodes[0].nodeValue = "Milk";
document.getElementsByTagName("UL")[0].appendChild(d);O resultado será:
Antes das alterações:
- Coffee
- Tea
Após as alterações:
- Tea
- Milk
Tente você mesmo " Definição e Uso
O createDocumentFragment() método cria um objecto do nó imaginário, com todas as propriedades e métodos do objecto do nó.
O createDocumentFragment() método é útil quando você deseja extrair partes do seu documento, alterar, adicionar ou excluir, alguns dos conteúdos, e inseri-lo de volta para o seu documento.
Você também pode usar objeto de documento do documento para realizar essas mudanças, mas para evitar a destruição da estrutura do documento, pode ser mais seguro para extrair só algumas partes do documento, faça as alterações, e insira a parte de trás do documento.
Nota: Os nós sendo acrescentada ao fragmento do documento, a partir do documento, irá ser removida a partir do documento.
Suporte navegador
| Método | |||||
|---|---|---|---|---|---|
| createDocumentFragment() | sim | sim | sim | sim | sim |
Sintaxe
document. createDocumentFragment()
parâmetros
| Nenhum |
Detalhes técnicos
| Valor de retorno: | Um objeto DocumentFragment, representando o nó DocumentFragment criado |
|---|---|
| DOM Versão | Núcleo Nível Objeto 1 Documento |