Ejemplo
Crear un nodo DocumentFragment y anexar un niño a él (a list item) . A continuación, cambie el valor de nodo del elemento de la lista e insertarlo como el último hijo de la lista:
var d = document.createDocumentFragment();
d.appendChild(document.getElementsByTagName("LI")[0]);
d.childNodes[0].childNodes[0].nodeValue = "Milk";
document.getElementsByTagName("UL")[0].appendChild(d);El resultado será:
Antes de los cambios:
- Coffee
- Tea
Después de los cambios:
- Tea
- Milk
Inténtalo tú mismo " Definición y Uso
El createDocumentFragment() método crea un objeto Node imaginario, con todas las propiedades y métodos del objeto Node.
El createDocumentFragment() método es útil cuando se desea extraer partes del documento, cambiar, añadir o eliminar, algunos de los contenidos, e insertarla de nuevo a su documento.
También puede utilizar el objeto de documento del documento para realizar estos cambios, pero para evitar la destrucción de la estructura del documento, puede ser más seguro para extraer sólo las partes del documento, realice los cambios, e inserte la parte posterior del documento.
Nota: Los nodos se añaden al fragmento de documento, a partir del documento, serán eliminados del documento.
Soporte del navegador
| Método | |||||
|---|---|---|---|---|---|
| createDocumentFragment() | Sí | Sí | Sí | Sí | Sí |
Sintaxis
document. createDocumentFragment()
parámetros
| Ninguna |
Detalles técnicos
| Valor de retorno: | Un objeto DocumentFragment, representando el nodo DocumentFragment creado |
|---|---|
| Versión DOM | Nivel básico Objeto Documento 1 |