DOM XML

Apa itu DOM?

Document Object Model (DOM) menentukan standar untuk mengakses dan mengoperasikan dokumen:

“W3C Document Object Model (DOM) adalah sebuah antarmuka yang tak bergantung pada platform dan bahasa, yang memungkinkan program dan skrip mengakses dan memperbarui konten, struktur, dan gaya dokumen secara dinamis.”

HTML DOM Menentukan metode standar untuk mengakses dan mengoperasikan dokumen HTML. Ini akan menampilkan dokumen HTML dalam struktur pohon.

DOM XML Menentukan metode standar untuk mengakses dan mengoperasikan dokumen XML. Ini akan menampilkan dokumen XML dalam struktur pohon.

Untuk setiap pengembang yang menggunakan HTML atau XML, memahami DOM adalah penting.

HTML DOM

Semua elemen HTML dapat diakses melalui HTML DOM.

Contoh di bawah ini mengubah nilai elemen HTML dengan id="demo":

实例

<h1 id="demo">Ini adalah tajuk</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
Klik saya!
</button>

亲自试一试

您可以在我们的 JavaScript 教程 中学习有关 HTML DOM 的更多知识。

DOM XML

所有 XML 元素都可以通过 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>

这段代码检索 XML 文档中第一个 <title> 元素的文本值：

实例

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

XML DOM 是关于如何获取、更改、添加和删除 XML 元素的标准。

这个例子将文本字符串加载到 XML DOM 对象中，并使用 JavaScript 从中提取信息：

实例

<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 XML 的更多内容。