Beispiel
Erstellen Sie einen Document Knoten und hängen Sie es ein Kind (a list item) . Ändern Sie dann den Knotenwert des Listenelement, und legen Sie es als das letzte Kind der Liste:
var d = document.createDocumentFragment();
d.appendChild(document.getElementsByTagName("LI")[0]);
d.childNodes[0].childNodes[0].nodeValue = "Milk";
document.getElementsByTagName("UL")[0].appendChild(d);
Das Ergebnis wird sein:
Vor den Änderungen:
- Coffee
- Tea
Nach den Änderungen:
- Tea
- Milk
Versuch es selber " Definition und Verwendung
Die createDocumentFragment() Methode erzeugt ein imaginäres Objekt Knoten, mit all den Eigenschaften und Methoden des Knotenobjekts.
Die createDocumentFragment() Methode ist nützlich , wenn Sie Teile des Dokuments, ändern extrahieren möchten, hinzufügen oder löschen, einen Teil des Inhalts, und fügen Sie ihn in Ihr Dokument zurück.
Sie können auch das Dokument des Document-Objekt verwenden, um diese Änderungen durchzuführen, sondern die Zerstörung der Dokumentstruktur zu verhindern, kann es sicherer sein, nur Teile des Dokumentes zu extrahieren, um die Änderungen zu machen, und das Teil zu dem Dokument einfügen zurück.
Hinweis: Die Knoten an das Dokument Fragment angehängt werden, aus dem Dokument werden aus dem Dokument entfernt werden.
Browser-Unterstützung
Methode | |||||
---|---|---|---|---|---|
createDocumentFragment() | Ja | Ja | Ja | Ja | Ja |
Syntax
document. createDocumentFragment()
Parameter
Keiner |
Technische Details
Rückgabewert: | Ein Document Objekt, die den Knoten erstellt Document |
---|---|
DOM Version | Core Level 1 Document Object |