DOM XML
DOM (Document Object Model Document Object Model) กำหนดวิธีมาตรฐานในการเข้าถึงและจัดการเอกสาร
DOM XML
XML DOM (XML Document Object Model) กำหนดวิธีมาตรฐานในการเข้าถึงและจัดการเอกสาร XML
XML เอกสาร XML DOM เป็นมุมมองต้นไม้
องค์ประกอบทั้งหมดสามารถเข้าถึงได้ผ่านต้นไม้ DOM คุณสามารถแก้ไขหรือลบเนื้อหาของพวกเขาและการสร้างองค์ประกอบใหม่ องค์ประกอบข้อความของพวกเขาและคุณสมบัติของพวกเขาจะถือว่าเป็นโหนด
ในบ้านเรา XML DOM กวดวิชา คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับ DOM ของ XML
HTML DOM
HTML DOM กำหนดวิธีมาตรฐานในการเข้าถึงและจัดการเอกสาร HTML
องค์ประกอบ HTML ทั้งหมดสามารถเข้าถึงได้ผ่านทาง DOM HTML
ในบ้านเรา HTML DOM กวดวิชา ที่คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับความรู้ HTML DOM .
โหลดไฟล์ XML - อินสแตนซ์เบราว์เซอร์
ตัวอย่างต่อไปนี้เอกสาร XML ( " note.xml ") เพื่อแยกวัตถุ DOM XML และจากนั้นจะดึงข้อมูลบางอย่างผ่านทางจาวาสคริปต์:
ตัวอย่าง
<body>
<h1>W3Schools Internal Note</h1>
<div>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</div>
<script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</body>
</html>
ลอง»
หมายเหตุสำคัญ!
เพราะว่าจากด้านบนของไฟล์ XML ( "note.xml") ของ <ที่> องค์ประกอบสารสกัดข้อความ "Tove" ไวยากรณ์คือ:
โปรดทราบว่าแม้กระทั่งไฟล์ XML มีเพียงหนึ่ง <ที่> องค์ประกอบที่คุณต้องยังคงระบุดัชนีอาร์เรย์ [0] เพราะนี่คือ getElementsByTagName () วิธีการส่งกลับอาร์เรย์
โหลดสตริง XML - เบราว์เซอร์เช่น
ตัวอย่างต่อไปนี้ของสตริง XML จะแยกวัตถุ DOM XML และจากนั้นจะดึงข้อมูลบางอย่างผ่านทางจาวาสคริปต์:
ตัวอย่าง
<body>
<h1>W3Schools Internal Note</h1>
<div>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</div>
<script>
txt="<note>";
txt=txt+"<to>Tove</to>";
txt=txt+"<from>Jani</from>";
txt=txt+"<heading>Reminder</heading>";
txt=txt+"<body>Don't forget me this weekend!</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("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</body>
</html>
ลอง»