XML DOM
- Föregående sida XML parser
- Nästa sida XML XPath
Vad är DOM?
Document Object Model (DOM) definierar standarder för att komma åt och manipulera dokumentet:
”W3C Document Object Model (DOM) är en plattformsoberoende och språkoberoende gränssnitt som tillåter program och skript att dynamiskt komma åt och uppdatera dokumentets innehåll, struktur och stil.”
HTML DOM Definierar standardmetoder för att komma åt och manipulera HTML-dokument. Det visar HTML-dokumentet som en trädstruktur.
XML DOM Definierar standardmetoder för att komma åt och manipulera XML-dokument. Det visar XML-dokumentet som en trädstruktur.
För alla utvecklare som använder HTML eller XML är det nödvändigt att förstå DOM.
HTML DOM
Alla HTML-element kan nås genom HTML DOM.
Nedanstående exempel ändrar värdet på HTML-elementet med id="demo":
Exempel
<h1 id="demo">Detta är en rubrik</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
Klicka på mig!
</button>
Du kan lära dig mer om HTML DOM mer information.
XML DOM
Alla XML-element kan nå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>
Detta kodexempel hämtar textvärdet för det första <title>-elementet i XML-dokumentet:
Exempel
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
XML DOM är en standard för hur man hämtar, ändrar, lägger till och tar bort XML-element.
Denna exempelvis laddar en textsträng till en XML DOM-objekt och använder JavaScript för att extrahera information från den:
Exempel
<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 kommer att lära dig om XML DOM mer innehåll.
- Föregående sida XML parser
- Nästa sida XML XPath
