XML DOM
XML DOM
Wat is die DOM?
Die DOM definieer 'n standaard vir toegang tot en manipulering van dokumente:
Die HTML DOM definieer 'n standaard manier om toegang tot HTML-dokumente te verkry en te manipuleer. Dit bied 'n HTML-dokument as 'n boomstruktuur aan.
Die XML DOM definieer 'n standaard manier om toegang tot XML-dokumente te verkry en te manipuleer. Dit bied 'n XML-dokument as 'n boomstruktuur aan.
Om die DOM te verstaan is 'n moet vir almal wat met HTML of XML werk.
Die HTML DOM
Alle HTML-elemente kan verkry word deur die HTML DOM.
Hierdie voorbeeld verander die waarde van 'n 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>
Jy kan baie meer leer oor die HTML DOM in ons JavaScript-tutoriaal .
Die XML DOM
Alle XML-elemente kan verkry word deur die XML DOM.
Boeke.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>
Hierdie kode haal die tekswaarde van die eerste <title>-element in 'n XML-dokument op:
Voorbeeld
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
Die XML DOM is 'n standaard vir hoe om XML-elemente te kry, te verander, by te voeg en uit te vee.
Hierdie voorbeeld laai 'n teksstring in 'n XML DOM-objek, en onttrek die inligting daaruit 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>
Jy sal baie meer oor die XML DOM leer in ons XML DOM Tutoriaal .