Neueste Web-Entwicklung Tutorials
 

HTML DOM createDocumentFragment() Method

<Document Object

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

<Document Object