XML DOM
พื้นฐานของ XML คือ Document Object Model (DOM) เอกสาร DOM คือชุดของโหนดหรือบล็อกข้อมูลที่จัดเรียงตามลำดับชั้น นักพัฒนาสามารถค้นหาข้อมูลเฉพาะในแผนผังการนำทางได้
DOM (Document Object Model) กำหนดวิธีการมาตรฐานสำหรับการเข้าถึงและจัดการเอกสาร
XML DOM
XML DOM (XML Document Object Model) กำหนดวิธีการมาตรฐานสำหรับการเข้าถึงและจัดการเอกสาร XML
XML DOM ดูเอกสาร XML เป็นโครงสร้างแบบต้นไม้
องค์ประกอบทั้งหมดสามารถเข้าถึงได้ผ่านแผนผัง DOM เนื้อหาสามารถแก้ไขหรือลบได้ และสร้างองค์ประกอบใหม่ได้ องค์ประกอบ ข้อความ และคุณลักษณะทั้งหมดถือเป็นโหนด
คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับ XML DOM ได้ในบทช่วยสอน XML DOM ของเรา
HTML DOM
HTML DOM กำหนดวิธีการมาตรฐานสำหรับการเข้าถึงและจัดการเอกสาร HTML
องค์ประกอบ HTML ทั้งหมดสามารถเข้าถึงได้ผ่าน HTML DOM
คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับ HTML DOM ได้ในบทช่วยสอน HTML DOM ของเรา -
โหลดไฟล์ XML - ตัวอย่างข้ามเบราว์เซอร์
ตัวอย่างต่อไปนี้แยกวิเคราะห์เอกสาร XML ("note.xml") ลงในวัตถุ XML DOM แล้วแยกข้อมูลบางอย่างผ่านทาง JavaScript:
ตัวอย่าง
<html><body><h1>หมายเหตุภายในของ W3Cschools</h1><div><b>ถึง:</b> <span id="to"></span><br /><b>จาก:< /b> <span id="from"></span><br /><b>ข้อความ:</b> <span id="message"></span></div><script>if (หน้าต่าง .XMLHttpRequest){// รหัสสำหรับ IE7+, Firefox, Chrome, Opera, Safarixmlhttp=new XMLHttpRequest();}else{// โค้ดสำหรับ IE6, IE5xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}xmlhttp.open("GET", "note.xml",false);xmlhttp.send();xmlDoc=xmlhttp.responseXM L;document.getElementById("ถึง").innerHTML=xmlDoc.getElementsByTagName("ถึง")[0].childNodes[0].nodeValue;document.g etElementById("จาก").innerHTML=xmlDoc.getElementsByTagName("จาก")[0].childNodes[0].nodeValue;document.getElemen tById("ข้อความ").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;</script></body></html>ลองเลย »หมายเหตุสำคัญ!
หากต้องการแยกข้อความ "Tove" จากองค์ประกอบ <to> ของไฟล์ XML ข้างต้น ("note.xml") ไวยากรณ์คือ:
getElementsByTagName("ถึง")[0].childNodes[0].nodeValueโปรดทราบว่าแม้ว่าไฟล์ XML จะมีองค์ประกอบ <to> เพียงองค์ประกอบเดียว คุณยังคงต้องระบุดัชนีอาร์เรย์ [0] เนื่องจากเมธอด getElementsByTagName() ส่งคืนอาร์เรย์
โหลดสตริง XML - ตัวอย่างข้ามเบราว์เซอร์
ตัวอย่างต่อไปนี้แยกวิเคราะห์สตริง XML ลงในวัตถุ XML DOM จากนั้นแยกข้อมูลบางส่วนผ่าน JavaScript:
ตัวอย่าง
<html><body><h1>หมายเหตุภายในของ W3Cschools</h1><div><b>ถึง:</b> <span id="to"></span><br /><b>จาก:< /b> <span id="from"></span><br /><b>ข้อความ:</b> <span id="message"></span></div><script>txt="<note>";txt=txt+"<to>Tove</to>";txt=txt+"<from>เจนี่</from >";txt=txt+"<heading>Reminder</heading>";txt=txt+"<body>อย่าลืมฉันสิ่งนี้ สุดสัปดาห์!</body>";txt=txt+"</note>";if (window.DOMParser){parser=new DOMParser();xmlDoc=parser.parseFromString(txt,"text/xml");}else / /Internet Explorer{xmlDoc=new ActiveXObject("Microsoft.XMLDOM");xmlDoc.async=false;xmlDoc.loadXML(txt);}document.getElementById("to").innerHTML=xmlDoc.getElementsByTagName("to")[0].childNodes[0] .nodeValue;document.getElementById("จาก" ).innerHTML=xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;document.getElementById("message").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0] .nodeValue;</script></body></html>ลองเลย »
ในส่วนถัดไป คุณจะได้เรียนรู้วิธีแสดงข้อมูล XML ในหน้า HTML