Wie kann ich XML-Dokumente mithilfe der DOM-API von JavaScript analysieren?

XML mit JavaScript analysieren

Das Parsen von XML-Dokumenten in JavaScript ist eine häufige Anforderung für die Webentwicklung. Dies kann leicht mit der nativen JavaScript-DOM-API (Document Object Model) erreicht werden.

Die DOM-API

Die DOM-API bietet eine hierarchische Darstellung eines XML-Dokuments. Ermöglicht Entwicklern den Zugriff und die Bearbeitung von XML-Knoten und deren Attributen. Um ein XML-Dokument mithilfe der DOM-API zu analysieren, führen Sie die folgenden Schritte aus:

1. Erstellen Sie ein DOMParser-Objekt: Dieses Objekt wird zum Parsen von XML-Zeichenfolgen in eine DOM-Struktur verwendet.
2. XML-String analysieren: Rufen Sie die parseFromString-Methode des auf DOMParser-Objekt, um die XML-Zeichenfolge zu analysieren und ein DOM-Dokument zu erstellen.
3. Zugriff auf XML-Knoten: Verwenden Sie Methoden wie getElementsByTagName und getElementsByTagNameNS, um auf die gewünschten XML-Knoten basierend auf ihren Tag-Namen und Namespaces zuzugreifen ( Wenn anwendbar).

Beispiel

Betrachten Sie die folgende XML-Zeichenfolge:

<address>
  <street>Roble Ave</street>
  <streetNumber>649</streetNumber>
  <postalcode>94025</postalcode>
</address>

Um diese XML-Zeichenfolge zu analysieren und auf den Straßennamen zuzugreifen , Hausnummer und Postleitzahl verwenden Sie das folgende JavaScript Code:

const txt = `<xml string here>`;

if (window.DOMParser) {
  const parser = new DOMParser();
  const xmlDoc = parser.parseFromString(txt, "text/xml");
  console.log(xmlDoc.getElementsByTagName("street")[0].childNodes[0].nodeValue); // Logs "Roble Ave"
  console.log(xmlDoc.getElementsByTagName("streetNumber")[0].childNodes[0].nodeValue); // Logs "649"
  console.log(xmlDoc.getElementsByTagName("postalcode")[0].childNodes[0].nodeValue); // Logs "94025"
} else {
  // Code for older browsers using ActiveXObject
}

Hinweis:

• Namespace-Präfixe: Wenn das XML-Dokument Namespace-Präfixe enthält, geben Sie unbedingt die an Namespace beim Zugriff auf XML-Knoten mit getElementsByTagNameNS.
• Browser Unterstützung: Die DOM-API wird von allen gängigen Browsern unterstützt.

Das obige ist der detaillierte Inhalt vonWie kann ich XML-Dokumente mithilfe der DOM-API von JavaScript analysieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!