XML DOM

DOM là gì?

Document Object Model (DOM) định nghĩa các tiêu chuẩn truy cập và thao tác tài liệu:

“W3C Document Object Model (DOM) là một giao diện không phụ thuộc vào nền tảng và ngôn ngữ, cho phép chương trình và vân bản động truy cập và cập nhật nội dung, cấu trúc và phong cách của tài liệu.”

HTML DOM Định nghĩa các phương pháp tiêu chuẩn để truy cập và thao tác tài liệu HTML. Nó sẽ hiển thị tài liệu HTML dưới dạng cấu trúc cây.

XML DOM Định nghĩa các phương pháp tiêu chuẩn để truy cập và thao tác tài liệu XML. Nó sẽ hiển thị tài liệu XML dưới dạng cấu trúc cây.

Đối với bất kỳ nhà phát triển nào sử dụng HTML hoặc XML, việc hiểu DOM là bắt buộc.

HTML DOM

Mọi thẻ HTML đều có thể truy cập qua HTML DOM.

Dưới đây là ví dụ thay đổi giá trị của thẻ HTML với id="demo":

Mô hình

<h1 id="demo">Đây là tiêu đề</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
Nhấn vào tôi!
</button>

Thử trực tiếp

Bạn có thể học thêm về HTML DOM của bạn.

XML DOM

Tất cả các yếu tố XML đều có thể truy cập thông qua 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">Vị cha狐狸 tuyệt vời</title>
    <author>Roald Dahl</author>
    <year>2009</year>
    <price>10.00</price>
  </book>
</bookstore>

Mã này tìm kiếm giá trị văn bản của yếu tố <title> đầu tiên trong tài liệu XML:

Mô hình

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

XML DOM là tiêu chuẩn về cách lấy, thay đổi, thêm và xóa các yếu tố XML.

Ví dụ này sẽ tải chuỗi văn bản vào đối tượng XML DOM và sử dụng JavaScript để trích xuất thông tin từ nó:

Mô hình

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

Thử trực tiếp

Bạn sẽ học về XML DOM Của nhiều nội dung hơn.