DOM ng XML

Ano ang DOM?

Tinukoy ng Document Object Model (DOM) ang mga standard na pamamaraan para sa pag-access at pag-operate ng dokumento:

“Ang W3C Document Object Model (DOM) ay isang interface na hindi depende sa platform at wika, na nagbibigay sa mga programa at script na malakasang ma-access at i-update ang nilalaman, kaayusan at estilo ng dokumento.”

HTML DOM Tinukoy ang mga standard na pamamaraan para sa pag-access at pag-operate ng HTML dokumento. Ito ay nagpapakita ng HTML dokumento bilang isang tree structure.

DOM ng XML Tinukoy ang mga standard na pamamaraan para sa pag-access at pag-operate ng XML dokumento. Ito ay nagpapakita ng XML dokumento bilang isang tree structure.

Para sa anumang tagapagpabilang sa HTML o XML, ang pag-unawa sa DOM ay kinakailangan.

HTML DOM

Ang lahat ng HTML element ay maaring ma-access sa pamamagitan ng HTML DOM.

Ang mga halimbawa sa ibaba ay nagbabago ng halaga ng HTML element na may id="demo":

Example

<h1 id="demo">Ito ang pamagat</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
Haplik na ako!
</button>

親自試試

Maaari mong malaman ang tungkol sa HTML DOM 更多知识。

DOM ng XML

Ang lahat ng XML element ay maaring ma-access sa pamamagitan ng 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>

Ang kodong ito ay nanghihikayat ng teksto ng value ng unang <title> element sa XML dokumento:

Example

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

Ang XML DOM ay ang estandar para sa kung paano makuha, baguhin, magdagdag at tanggalin ang mga XML element.

Ang eksemplo na ito ay naglalaad ng teksto ng string sa XML DOM object at ginagamit ang JavaScript upang umupo ng impormasyon mula dito:

Example

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

親自試試

您將在我們的 XML DOM 教程中學習有關 DOM ng XML 的更多內容。