XML DOM
- Vorige Pagina XML Parser
- Volgende Pagina XML XPath
Wat is DOM?
De Document Object Model (DOM) definieert de standaarden voor het benaderen en manipuleren van documenten:
“De W3C Document Object Model (DOM) is een platform- en taalonafhankelijke interface die programma's en scripts toestaat om dynamisch de inhoud, structuur en stijl van documenten te verkrijgen en te wijzigen.”
HTML DOM Definieert standaardmethoden voor het benaderen en manipuleren van HTML-documenten. Het presenteert het HTML-document als een boomstructuur.
XML DOM Definieert standaardmethoden voor het benaderen en manipuleren van XML-documenten. Het presenteert het XML-document als een boomstructuur.
Voor elke ontwikkelaar die HTML of XML gebruikt, is het begrijpen van DOM noodzakelijk.
HTML DOM
Alle HTML-elementen zijn toegankelijk via de HTML DOM.
Hier is een voorbeeld dat de waarde van het HTML-element met id="demo" wijzigt:
Voorbeeld
<h1 id="demo">Dit is de titel</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
Klik op mij!
</button>
Je kunt meer leren over HTML DOM Meer informatie.
XML DOM
Alle XML-elementen zijn toegankelijk via XML DOM.
Books.xml
<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
<book category="eten en drinken">
<title lang="zh">雅舍谈吃</title>
<author>梁实秋</author>
<year>2013</year>
<price>35</price>
</book>
<book category="kinderen">
<title lang="zh">Onze geweldige vader</title>
<author>Roald Dahl</author>
<year>2009</year>
<price>10.00</price>
</book>
</bookstore>
Deze code haalt de tekstwaarde van het eerste <title>-element in het XML-document op:
Voorbeeld
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
XML DOM is de standaard voor het verkrijgen, wijzigen, toevoegen en verwijderen van XML-elementen.
Deze voorbeeld laadt een tekststring in een XML DOM-object en haalt informatie eruit met behulp van JavaScript:
Voorbeeld
<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>
Je zult leren over XML DOM Meer Inhoud.
- Vorige Pagina XML Parser
- Volgende Pagina XML XPath
