XML-DOM
XML-DOM
Wat is de DOM?
De DOM definieert een standaard voor het openen en manipuleren van documenten:
De HTML DOM definieert een standaardmanier voor toegang tot en manipulatie van HTML-documenten. Het presenteert een HTML-document als een boomstructuur.
De XML DOM definieert een standaardmanier voor het openen en manipuleren van XML-documenten. Het presenteert een XML-document als een boomstructuur.
Het begrijpen van de DOM is een must voor iedereen die met HTML of XML werkt.
De HTML DOM
Alle HTML-elementen zijn toegankelijk via de HTML DOM.
Dit voorbeeld wijzigt de waarde van een HTML-element met id="demo":
Voorbeeld
<h1 id="demo">This is a Heading</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML =
'Hello World!'">Click Me!
</button>
U kunt veel meer leren over de HTML DOM in onze JavaScript-tutorial .
De XML DOM
Alle XML-elementen zijn toegankelijk via de XML DOM.
Books.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>
Deze code haalt de tekstwaarde op van het eerste <title>-element in een XML-document:
Voorbeeld
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
De XML DOM is een standaard voor het ophalen, wijzigen, toevoegen en verwijderen van XML-elementen.
Dit voorbeeld laadt een tekenreeks in een XML DOM-object en haalt de informatie eruit met JavaScript:
Voorbeeld
<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>
Je leert veel meer over de XML DOM in onze XML DOM Tutorial .