XML DOM
Hvad er DOM?
Document Object Model (DOM) definerer standarder for at tilgå og operere med dokumenter:
"W3C Document Object Model (DOM) er en platformuafhængig og sprogneutral grænseflade, der muliggør programmer og skript at dynamisk tilgå og opdatere indholdet, strukturen og stilen i dokumentet."
HTML DOM Definerer standardmetoder til at tilgå og operere med HTML-dokumenter. Det præsenterer HTML-dokumentet som en træstruktur.
XML DOM Definerer standardmetoder til at tilgå og operere med XML-dokumenter. Det præsenterer XML-dokumentet som en træstruktur.
For enhver udvikler, der bruger HTML eller XML, er det nødvendigt at forstå DOM.
HTML DOM
Alle HTML-elementer kan tilgås via HTML DOM.
Følgende eksempel ændrer værdien af id="demo" i HTML-elementet:
Eksempel
<h1 id="demo">Dette er en titel</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
Klik mig!
</button>
Du kan lære mere om HTML DOM Mere viden.
XML DOM
Alle XML-elementer kan tilgås via XML DOM.
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>
Dette kode afsøger tekstmålet for det første <title>-element i XML-dokumentet:
Eksempel
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
XML DOM er en standard for, hvordan man henter, ændrer, tilføjer og sletter XML-elementer.
Denne eksemel laster en tekststreng ind i en XML DOM-objekt og bruger JavaScript til at udtrække information fra den:
Eksempel
<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>
Du vil lære om i vores XML DOM Tutorial XML DOM Mere indhold.
