DOM XML
DOM XML
DOM là gì?
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 với 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.
DOM XML 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 với id = "demo":
Thí dụ
<h1 id="demo">This is a Heading</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML =
'Hello World!'">Click Me!
</button>
Bạn có thể tìm hiểu thêm 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 DOM XML.
Books.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:
Thí dụ
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
DOM XML 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 DOM XML và trích xuất thông tin từ nó bằng JavaScript:
Thí 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>
Bạn sẽ tìm hiểu thêm nhiều điều về XML DOM trong Hướng dẫn về DOM XML của chúng tôi .