XML-DOM
XML-DOM
Was ist das DOM?
Das DOM definiert einen Standard für den Zugriff auf und die Bearbeitung von Dokumenten:
Das HTML-DOM definiert eine Standardmethode für den Zugriff auf und die Bearbeitung von HTML-Dokumenten. Es präsentiert ein HTML-Dokument als Baumstruktur.
Das XML-DOM definiert eine Standardmethode für den Zugriff auf und die Bearbeitung von XML-Dokumenten. Es stellt ein XML-Dokument als Baumstruktur dar.
Das Verständnis des DOM ist ein Muss für jeden, der mit HTML oder XML arbeitet.
Das HTML-DOM
Auf alle HTML-Elemente kann über das HTML-DOM zugegriffen werden.
Dieses Beispiel ändert den Wert eines HTML-Elements mit id="demo":
Beispiel
<h1 id="demo">This is a Heading</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML =
'Hello World!'">Click Me!
</button>
In unserem JavaScript-Tutorial können Sie viel mehr über das HTML-DOM erfahren .
Das XML-DOM
Auf alle XML-Elemente kann über das XML-DOM zugegriffen werden.
Bücher.xml
<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
<book category="cooking">
<title lang="en">Everyday
Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
</book>
<book category="children">
<title lang="en">Harry
Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</price>
</book>
</bookstore>
Dieser Code ruft den Textwert des ersten <title>-Elements in einem XML-Dokument ab:
Beispiel
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
Das XML-DOM ist ein Standard zum Abrufen, Ändern, Hinzufügen und Löschen von XML-Elementen.
Dieses Beispiel lädt eine Textzeichenfolge in ein XML-DOM-Objekt und extrahiert die Informationen daraus mit JavaScript:
Beispiel
<html>
<body>
<p id="demo"></p>
<script>
var text, parser,
xmlDoc;
text = "<bookstore><book>" +
"<title>Everyday
Italian</title>" +
"<author>Giada De Laurentiis</author>" +
"<year>2005</year>" +
"</book></bookstore>";
parser = new DOMParser();
xmlDoc = parser.parseFromString(text,"text/xml");
document.getElementById("demo").innerHTML =
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
</script>
</body>
</html>
In unserem XML DOM Tutorial erfahren Sie noch viel mehr über das XML DOM .