XML DOM
อะไรคือ DOM?
Document Object Model (DOM) กำหนดมาตรฐานการเข้าถึงและปฏิบัติเอกสาร:
“W3C Document Object Model (DOM) คือส่วนของการปฏิบัติที่ไม่ขึ้นกับชาติและภาษา ที่อนุญาตให้โปรแกรมและสคริปต์เข้าถึงและปรับปรุงเนื้อหา โครงสร้างและรูปแบบของเอกสารได้ง่ายๆ”
HTML DOM กำหนดมาตรฐานวิธีที่ใช้เข้าถึงและปฏิบัติ HTML โดยมีการแสดง HTML ในรูปแบบโครงสร้างไม้
XML DOM กำหนดมาตรฐานวิธีที่ใช้เข้าถึงและปฏิบัติ XML โดยมีการแสดง XML ในรูปแบบโครงสร้างไม้
สำหรับนักพัฒนาที่ใช้ HTML หรือ XML ในทุกๆคน การเข้าใจ DOM จำเป็นต่อการพัฒนา
HTML DOM
ทุกองค์ประกอบ HTML สามารถเข้าถึงด้วย HTML DOM ได้。
ตัวอย่างด้านล่างนี้เปลี่ยนค่า id="demo" ขององค์ประกอบ HTML อย่างไร:
ตัวอย่าง
<h1 id="demo">เป็นแก้ว</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
กรุณากดฉัน!
</button>
คุณสามารถเรียนรู้เกี่ยวกับ HTML DOM ข้อมูลเพิ่มเติม
XML DOM
ทุกอิเลเมนต์ 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>
รหัสนี้ดึงค่าของข้อความของอิเลเมนต์ <title> ในเอกสาร XML
ตัวอย่าง
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 教程中學習有關 XML DOM 的更多內容。
