XML DOM
XML DOM
DOM คืออะไร?
DOM กำหนดมาตรฐานสำหรับการเข้าถึงและจัดการเอกสาร:
HTML DOM กำหนดวิธีมาตรฐานในการเข้าถึงและจัดการเอกสาร HTML มันนำเสนอเอกสาร HTML เป็นโครงสร้างแบบต้นไม้
XML DOM กำหนดวิธีมาตรฐานในการเข้าถึงและจัดการเอกสาร XML มันนำเสนอเอกสาร XML เป็นโครงสร้างแบบต้นไม้
การทำความเข้าใจ DOM เป็นสิ่งจำเป็นสำหรับทุกคนที่ทำงานด้วย HTML หรือ XML
HTML DOM
องค์ประกอบ HTML ทั้งหมดสามารถเข้าถึงได้ผ่าน HTML DOM
ตัวอย่างนี้เปลี่ยนค่าขององค์ประกอบ HTML ด้วย id="demo":
ตัวอย่าง
<h1 id="demo">This is a Heading</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML =
'Hello World!'">Click Me!
</button>
คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับ HTML DOM ได้ใน บทช่วย สอน JavaScriptของ เรา
XML DOM
องค์ประกอบ XML ทั้งหมดสามารถเข้าถึงได้ผ่าน XML DOM
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>
รหัสนี้ดึงค่าข้อความขององค์ประกอบ <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>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>
คุณจะได้เรียนรู้มากขึ้นเกี่ยวกับ XML DOM ใน บทช่วย สอน XML DOMของ เรา