Signatur
Beschreibung
Erzeugt ein neues, leeres DocumentFragment, in das DOM-Knoten eingefügt werden können, um einen Offscreen-DOM-Baum aufzubauen.
DocumentFragments sind DOM-Node-Objekte, die niemals Teil des Haupt-DOM-Baums sind. Der übliche Anwendungsfall besteht darin, das Document Fragment zu erstellen, Elemente an das Document Fragment anzuhängen und anschließend das Document Fragment an den DOM-Baum anzuhängen. Im DOM-Baum wird das Document Fragment durch all seine Kinder ersetzt.
Da sich das Document Fragment im Speicher befindet und nicht Teil des Haupt-DOM-Baums ist, kann die Verwendung von Document Fragments in einigen älteren Engines zu besserer Performance führen.
Man kann auch den DocumentFragment-Konstruktor verwenden, um ein neues Fragment zu erstellen:
Rückgabewert
DocumentFragment-Objekt, das bereit ist, Knoten aufzunehmen.Beispiele
DocumentFragment-Konstruktor
const fragment = new DocumentFragment();JavaScript
const element = document.getElementById("ul"); // assuming ul exists
const fragment = document.createDocumentFragment();
const browsers = ["Firefox", "Chrome", "Opera", "Safari"];
browsers.forEach((browser) => {
const li = document.createElement("li");
li.textContent = browser;
fragment.appendChild(li);
});
element.appendChild(fragment);