XML DOM
- Previous Page XML-Parser
- Next Page XML XPath
Was ist DOM?
Das Document-Object-Model (DOM) definiert Standards für den Zugriff und die Manipulation von Dokumenten:
"Der W3C-Document-Object-Model (DOM) ist eine plattform- und sprachunabhängige Schnittstelle, die es Programmen und Skripten ermöglicht, den Inhalt, die Struktur und das Stil des Dokuments dynamisch zu erreichen und zu aktualisieren."
HTML DOM Definiert Standardmethoden zum Zugriff und zur Manipulation von HTML-Dokumenten. Es präsentiert das HTML-Dokument als Baumstruktur.
XML DOM Definiert Standardmethoden zum Zugriff und zur Manipulation von XML-Dokumenten. Es präsentiert das XML-Dokument als Baumstruktur.
Für jeden Entwickler, der HTML oder XML verwendet, ist das Verständnis des DOM obligatorisch.
HTML DOM
Alle HTML-Elemente können über das HTML DOM erreicht werden.
Der folgende Beispiel ändert den Wert des HTML-Elements mit id="demo":
Beispiel
<h1 id="demo">Das ist der Titel</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
Bitte klicken Sie auf mich!
</button>
Sie können im JavaScript-Tutorial mehr über das Thema lernen: HTML DOM Mehr dazu.
XML DOM
Alle XML-Elemente können über das XML DOM abgerufen werden.
Books.xml
<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
<book category="美食">
<title lang="zh">雅舍谈吃</title>
<author>梁实秋</author>
<year>2013</year>
<price>35</price>
</book>
<book category="儿童">
<title lang="zh">了不起的狐狸爸爸</title>
<author>罗尔德·达尔</author>
<year>2009</year>
<price>10.00</price>
</book>
</bookstore>
Dieser Code sucht nach dem Textwert des ersten <title>-Elements im XML-Dokument:
Beispiel
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
Das XML DOM ist ein Standard, der beschreibt, wie XML-Elemente abgerufen, geändert, hinzugefügt und gelöscht werden können.
Dieser Beispiel zeigt, wie eine Textzeichenkette in ein XML DOM-Objekt geladen wird und Informationen damit mittels JavaScript extrahiert werden:
Beispiel
<html>
<body>
<p id="demo"></p>
<script>
var text, parser, xmlDoc;
text = "<bookstore><book>" +
"<title>雅舍谈吃</title>" +
"<author>梁实秋</author>" +
"<year>2009</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>
You will learn about in our XML DOM tutorial XML DOM More Content.
- Previous Page XML-Parser
- Next Page XML XPath
