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>
ທ່ານສາມາດຮຽນຫາຂໍ້ມູນກ່ຽວກັບ JavaScript ທີ່ພວກເຮົາໄດ້ສະເໜີ. 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 ແລະນຳຂໍ້ມູນຈາກນັ້ນດ້ວຍ 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 的更多内容。
