XML DOM

Mitä DOM on?

Dokumenttiobjektipohjainen malli (DOM) määrittää standardeja menetelmiä dokumentin käsittelyyn:

“W3C Document Object Model (DOM) on alustasta ja kielestä riippumaton界面, joka mahdollistaa ohjelmien ja skriptien dynaamisen pääsyn ja päivittämisen dokumentin sisältöön, rakenteeseen ja tyyleihin.”

HTML DOM Määrittää standardeja menetelmiä HTML-dokumenttien käsittelyyn ja muokkaamiseen. Se esittää HTML-dokumentin puuksi.

XML DOM Määrittää standardeja menetelmiä XML-dokumenttien käsittelyyn ja muokkaamiseen. Se esittää XML-dokumentin puuksi.

Kaikille HTML tai XML:n käyttäville kehittäjille DOM:n ymmärtäminen on välttämätöntä.

HTML DOM

Kaikki HTML-elementit voidaan saavuttaa HTML DOM:n kautta.

Tässä esimerkissä muutetaan id="demo" HTML-elementin arvoa:

Esimerkki

<h1 id="demo">Tämä on otsikko</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
Paina minua!
</button>

Kokeile itse

Voit oppia lisää JavaScript-opetuksistamme HTML DOM tietoa.

XML DOM

Kaikki XML-elementit voidaan käyttää XML DOM:n kautta.

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>

Tämä koodi hakee ensimmäisen <title>-elementin tekstiarvon XML-dokumentista:

Esimerkki

txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

XML DOM on standardi, joka kertoo, miten saada, muuttaa, lisätä ja poistaa XML-elementtejä.

Tämä esimerkki ladataan tekstijono XML DOM-objektiin ja käyttää JavaScriptiä tiedon purkamiseen:

Esimerkki

<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>

Kokeile itse

Opit XML DOM-opastamme XML DOM Lisää tietoa.