DOM XML
DOM là gì?
Mô hình đối tượng tài liệu (DOM) xác định một tiêu chuẩn để truy cập và thao tác tài liệu:
HTML DOM xác định một cách tiêu chuẩn để truy cập và thao tác các tài liệu HTML. Nó trình bày một tài liệu HTML dưới dạng cấu trúc cây.
XML DOM xác định một cách tiêu chuẩn để truy cập và thao tác các tài liệu XML. Nó trình bày một tài liệu XML dưới dạng cấu trúc cây.
Hiểu DOM là điều bắt buộc đối với bất kỳ ai làm việc với HTML hoặc XML.
DOM HTML
Tất cả các phần tử HTML có thể được truy cập thông qua HTML DOM.
Ví dụ này thay đổi giá trị của một phần tử HTML bằng id="demo":
Ví dụ
<h1 id="demo">This is a Heading</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML =
'Hello World!'">Click Me!
</button>
Hãy tự mình thử »Bạn có thể tìm hiểu thêm nhiều điều về HTML DOM trong hướng dẫn JavaScript của chúng tôi.
DOM XML
Tất cả các phần tử XML có thể được truy cập thông qua XML DOM.
Sách.xml
<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
<book category="cooking">
<title lang="en">Everyday
Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
</book>
<book category="children">
<title lang="en">Harry
Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</price>
</book>
</bookstore>
Mã này truy xuất giá trị văn bản của phần tử <title> đầu tiên trong tài liệu XML:
Ví dụ
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
XML DOM là một tiêu chuẩn về cách lấy, thay đổi, thêm và xóa các phần tử XML.
Ví dụ này tải một chuỗi văn bản vào một đối tượng XML DOM và trích xuất thông tin từ nó bằng JavaScript:
Ví dụ
<html>
<body>
<p id="demo"></p>
<script>
var text, parser,
xmlDoc;
text = "<bookstore><book>" +
"<title>Everyday
Italian</title>" +
"<author>Giada De Laurentiis</author>" +
"<year>2005</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>
Hãy tự mình thử »Bạn sẽ tìm hiểu thêm nhiều điều về XML DOM trong Hướng dẫn XML DOM của chúng tôi.