MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Document.createDocumentFragment()

Erzeugt ein neues DocumentFragment Objekt.

Syntax

var fragment = document.createDocumentFragment();

fragment ist hierbei eine Referenz zu einem neu erstellten, leeren DocumentFragment Objekt.

Beschreibung

DocumentFragments sind DOM Knoten (DOM Nodes). Sie sind nicht Teil des Haupt- oder Seiten-DOM-Baums. Üblicherweise werden sie verwendet, um einen Teilbaum mit Objekten und Unterobjekten zu erstellen und das Ergebnis anschließend in den Seiten-DOM-Baum einzufügen. In dem DOM-Baum wird das document fragment dann ersetzt mit allen Kindelementen.

Da das gesamte DocuumentFragment nur im Speicher vorliegt ("in memory") and nicht Teil des Seiten-DOM-Baums ist, führen Veränderungen in dem DocumentFragment, wie etwa das Hinzufügen von Elementen, nicht zu einem page reflow (die Berechnung der Element Positionen und Geometrie). Dementsprechend führt die Nutzung von DocumentFragments zu einer besseren Performance.

Beispiel

var element  = document.getElementById('ul'); // assuming ul exists
var fragment = document.createDocumentFragment();
var browsers = ['Firefox', 'Chrome', 'Opera', 
    'Safari', 'Internet Explorer'];

browsers.forEach(function(browser) {
    var li = document.createElement('li');
    li.textContent = browser;
    fragment.appendChild(li);
});

element.appendChild(fragment);

Spezifikationen

Specification Status Anmerkungen
DOM
Die Definition von 'Document.createDocumentFragment()' in dieser Spezifikation.
Lebender Standard No change
DOM4
Die Definition von 'Document.createDocumentFragment()' in dieser Spezifikation.
Empfehlung Definition, dass das "node document" zum erzeugten document fragment immer auf das "context object" gesetzt ist.
Document Object Model (DOM) Level 3 Core Specification
Die Definition von 'Document.createDocumentFragment()' in dieser Spezifikation.
Empfehlung No change
Document Object Model (DOM) Level 2 Core Specification
Die Definition von 'Document.createDocumentFragment()' in dieser Spezifikation.
Empfehlung No change
Document Object Model (DOM) Level 1 Specification
Die Definition von 'Document.createDocumentFragment()' in dieser Spezifikation.
Empfehlung Initial definition

Browserkompatibilität

  
Feature Firefox (Gecko) Chrome Edge Internet Explorer Opera Safari
Basic support (Ja) (Ja) (Ja) (Ja) (Ja) (Ja)
  
Feature Firefox Mobile (Gecko) Android Edge IE Mobile Opera Mobile Safari Mobile
Basic support ? ? (Ja) ? ? ?

See also

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: dennissterzenbach
 Zuletzt aktualisiert von: dennissterzenbach,