XMLSerializer

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das XMLSerializer-Interface bietet die Methode serializeToString(), um einen XML-String zu erstellen, der einen DOM-Baum darstellt.

Hinweis: Der resultierende XML-String ist nicht garantiert wohlgeformtes XML.

In diesem Artikel

Konstruktor

XMLSerializer()

Erstellt ein neues XMLSerializer-Objekt.

Instanzmethoden

serializeToString()

Gibt den serialisierten Teilbaum eines Strings zurück.

Beispiele

Serialisieren von XML in einen String

Dieses Beispiel serialisiert ein gesamtes Dokument in einen XML-enthaltenden String.

js
const s = new XMLSerializer();
const str = s.serializeToString(document);
saveXML(str);

Dies beinhaltet das Erstellen eines neuen XMLSerializer-Objekts, dann die Übergabe des zu serialisierenden Document an serializeToString(), was das XML-Äquivalent des Dokuments zurückgibt. saveXML() stellt eine Funktion dar, die den serialisierten String speichert.

Einfügen von Knoten in ein DOM basierend auf XML

Dieses Beispiel verwendet die Methode Element.insertAdjacentHTML(), um einen neuen DOM-Node in den Body des Document einzufügen, basierend auf XML, das durch Serialisieren eines Element-Objekts erstellt wurde.

Hinweis: In der Praxis sollten Sie stattdessen normalerweise die Methode importNode() aufrufen, um den neuen Knoten in das DOM zu importieren, und dann eine der folgenden Methoden aufrufen, um den Knoten zum DOM-Baum hinzuzufügen:

Die Methoden Element.append()/Element.prepend() und Document.append()/Document.prepend().
Die Methode Element.replaceWith (um einen vorhandenen Knoten durch den neuen zu ersetzen)
Die Methode Element.insertAdjacentElement().

Da insertAdjacentHTML() einen String und keinen Node als seinen zweiten Parameter akzeptiert, wird XMLSerializer verwendet, um zuerst den Knoten in einen String zu konvertieren.

js
const inp = document.createElement("input");
const XMLS = new XMLSerializer();
const inpSerialized = XMLS.serializeToString(inp); // First convert DOM node into a string

// Insert the newly created node into the document's body
document.body.insertAdjacentHTML("afterbegin", inpSerialized);

Der Code erstellt ein neues <input>-Element durch den Aufruf von Document.createElement() und serialisiert es dann in XML mithilfe von serializeToString().

Sobald dies abgeschlossen ist, wird insertAdjacentHTML() verwendet, um das <input>-Element in das DOM einzufügen.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

HTML DOM API
XMLSerializer
Konstruktor
1. XMLSerializer()
Instanzmethoden
1. serializeToString()
Verwandte Seiten für HTML DOM
Anleitungen
1. Verwenden von Microtasks in JavaScript mit queueMicrotask()
2. Im Detail: Microtasks und die JavaScript-Laufzeitumgebung