Exemple
Créer un nœud DocumentFragment et ajouter un enfant à elle (a list item) la (a list item) . Ensuite, modifiez la valeur du nœud de l'élément de la liste et l'insérer comme dernier enfant de la liste:
var d = document.createDocumentFragment();
d.appendChild(document.getElementsByTagName("LI")[0]);
d.childNodes[0].childNodes[0].nodeValue = "Milk";
document.getElementsByTagName("UL")[0].appendChild(d);
Le résultat sera:
Avant les modifications:
- Coffee
- Tea
Après les changements:
- Tea
- Milk
Essayez vous - même » Définition et utilisation
Le createDocumentFragment() méthode crée un objet imaginaire de noeud, avec toutes les propriétés et méthodes de l'objet Node.
Le createDocumentFragment() méthode est utile lorsque vous voulez extraire des parties de votre document, modifier, ajouter ou supprimer, une partie du contenu, et insérez - le à votre document.
Vous pouvez également utiliser l'objet de document du document pour effectuer ces changements, mais pour empêcher la destruction de la structure du document, il peut être plus sûr d'extraire uniquement les parties du document, apportez les modifications, et insérez la partie arrière au document.
Remarque: Les nœuds sont ajoutés au fragment de document, à partir du document, seront supprimés du document.
Support du navigateur
méthode | |||||
---|---|---|---|---|---|
createDocumentFragment() | Oui | Oui | Oui | Oui | Oui |
Syntaxe
document. createDocumentFragment()
Paramètres
Aucun |
Détails techniques
Valeur de retour: | Un objet DocumentFragment, représentant le noeud DocumentFragment créé |
---|---|
version DOM | Niveau de base 1 Document Object |