XML-DOM
Die Grundlage von XML ist das Document Object Model (DOM). Ein DOM-Dokument ist eine Reihe hierarchisch organisierter Knoten oder Informationsblöcke. Durch diese hierarchische Struktur können Entwickler bestimmte Informationen im Navigationsbaum finden.
DOM (Document Object Model) definiert Standardmethoden für den Zugriff auf und die Bearbeitung von Dokumenten.
XML-DOM
XML DOM (XML Document Object Model) definiert eine Standardmethode für den Zugriff auf und die Bearbeitung von XML-Dokumenten.
XML DOM betrachtet XML-Dokumente als Baumstruktur.
Auf alle Elemente kann über den DOM-Baum zugegriffen werden. Ihr Inhalt kann geändert oder gelöscht sowie neue Elemente erstellt werden. Elemente, ihr Text und ihre Attribute werden alle als Knoten betrachtet.
Weitere Informationen zu XML DOM finden Sie in unserem XML DOM-Tutorial.
HTML-DOM
Das HTML-DOM definiert Standardmethoden für den Zugriff auf und die Bearbeitung von HTML-Dokumenten.
Auf alle HTML-Elemente kann über das HTML-DOM zugegriffen werden.
Weitere Informationen zum HTML-DOM finden Sie in unserem HTML-DOM-Tutorial. .
Laden Sie eine XML-Datei – browserübergreifendes Beispiel
Das folgende Beispiel analysiert ein XML-Dokument („note.xml“) in ein XML-DOM-Objekt und extrahiert dann einige Informationen über JavaScript:
Beispiel
<html><body><h1>Interne Notiz von W3Cschools</h1><div><b>An:</b> <span id="to"></span><br /><b>Von:< /b> <span id="from"></span><br /><b>Nachricht:</b> <span id="message"></span></div><script>if (window .XMLHttpRequest){// Code für IE7+, Firefox, Chrome, Opera, Safarixmlhttp=new XMLHttpRequest();}else{// Code für IE6, IE5xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}xmlhttp.open("GET","note.xml",false);xmlhttp.send();xmlDoc=xmlhttp.responseXM L;document.getElementById("to").innerHTML=xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;document.g etElementById("from").innerHTML=xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;document.getElemen tById("message").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;</script></body></html>Probieren Sie es aus »Wichtiger Hinweis!
Um den Text „Tove“ aus dem <to>-Element in der obigen XML-Datei („note.xml“) zu extrahieren, lautet die Syntax:
getElementsByTagName("to")[0].childNodes[0].nodeValueBeachten Sie, dass Sie den Array-Index [0] angeben müssen, auch wenn die XML-Datei nur ein <to>-Element enthält. Dies liegt daran, dass die Methode getElementsByTagName() ein Array zurückgibt.
Laden Sie eine XML-Zeichenfolge – browserübergreifendes Beispiel
Das folgende Beispiel analysiert einen XML-String in ein XML-DOM-Objekt und extrahiert dann einige Informationen über JavaScript:
Beispiel
<html><body><h1>Interne Notiz von W3Cschools</h1><div><b>An:</b> <span id="to"></span><br /><b>Von:< /b> <span id="from"></span><br /><b>Nachricht:</b> <span id="message"></span></div><script>txt="<note>";txt=txt+"<to>Tove</to>";txt=txt+"<from>Jani</from >";txt=txt+"<heading>Erinnerung</heading>";txt=txt+"<body>Vergiss mich das nicht Wochenende!</body>";txt=txt+"</note>";if (window.DOMParser){parser=new DOMParser();xmlDoc=parser.parseFromString(txt,"text/xml");}else / /Internet Explorer{xmlDoc=new ActiveXObject("Microsoft.XMLDOM");xmlDoc.async=false;xmlDoc.loadXML(txt);}document.getElementById("to").innerHTML=xmlDoc.getElementsByTagName("to")[0].childNodes[0] .nodeValue;document.getElementById("from" ).innerHTML=xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;document.getElementById("message").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0] .nodeValue;</script></body></html>Probieren Sie es aus »
Im nächsten Abschnitt erfahren Sie, wie Sie XML-Daten in einer HTML-Seite anzeigen.