XML DOM ການສ້າງບັນ
- ຫນື່ງບ່ອນໄປຫນື່ງບ່ອນ DOM ປ່ຽນຂະໜາດຂອງຫນຶ່ງຫນັງ
- ຫນື່ງບ່ອນໄປຫນື່ງບ່ອນ DOM ສະແດງຂະໜາດຂອງຫນຶ່ງຫນັງ
ຄວາມລະອຽດ
ບົດຢ່າງທີ່ຢູ່ໃນເອກະສານ XML books.xml.
ການບັນທຶກ loadXMLDoc()ທີ່ຢູ່ໃນ JavaScript ພາຍໃນແຈ້ງ ເພື່ອອ້າງເອົາເອກະສານ XML.
- ສ້າງຫົວຂໍ້ປະກອບ
- ບົດຢ່າງນີ້ໃຊ້ createElement() ເພື່ອສ້າງຫົວຂໍ້ປະກອບໃໝ່ ແລະໃຊ້ appendChild() ເພື່ອເພີ່ມຫົວຂໍ້ທີ່ຢູ່ໃນຫົວຂໍ້.
- ພາຍໃນການໃຊ້ createAttribute ເພື່ອສ້າງຫົວຂໍ້ປະສົມ
- ບົດຢ່າງນີ້ໃຊ້ createAttribute() ເພື່ອສ້າງຫົວຂໍ້ປະສົມໃໝ່ ແລະໃຊ້ setAttributeNode() ເພື່ອເພີ່ມຫົວຂໍ້ທີ່ຢູ່ໃນປະກອບ.
- ພາຍໃນການໃຊ້ setAttribute ເພື່ອສ້າງຫົວຂໍ້ປະສົມ
- ບົດຢ່າງນີ້ໃຊ້ setAttribute() ເພື່ອສ້າງປະສົມປະກອບໃໝ່ສຳລັບປະກອບ.
- ສ້າງຫນຶ່ງຂອງຕົວຊີວິດຂອງຂໍ້ຄວາມທີ່ບໍ່ສາມາດກຳນົດມັນໄດ້
- ບົດຢ່າງນີ້ໃຊ້ createTextNode() ເພື່ອສ້າງຫົວຂໍ້ຂັ້ນຕົ້ນໃໝ່ ແລະໃຊ້ appendChild() ເພື່ອເພີ່ມຫົວຂໍ້ທີ່ຢູ່ໃນປະກອບ.
- ສ້າງຫົວຂໍ້ CDATA section
- ບົດຢ່າງນີ້ໃຊ້ createCDATAsection() ເພື່ອສ້າງຫົວຂໍ້ CDATA section ແລະໃຊ້ appendChild() ເພື່ອເພີ່ມຫົວຂໍ້ທີ່ຢູ່ໃນປະກອບ.
- ສ້າງຫນຶ່ງຫນັງ comment
- ບົດຢ່າງນີ້ໃຊ້ createComment() ເພື່ອສ້າງຫົວຂໍ້ comment ແລະໃຊ້ appendChild() ເພື່ອເພີ່ມຫົວຂໍ້ທີ່ຢູ່ໃນປະກອບ.
ສ້າງຫນຶ່ງຂອງຕົວຊີວິດຫນຶ່ງອື່ນໆ
ການເຮັດວຽກ createElement() ສ້າງຫນຶ່ງຂອງຕົວຊີວິດຫນຶ່ງອື່ນໆ:
xmlDoc=loadXMLDoc("books.xml"); newel=xmlDoc.createElement("edition"); x=xmlDoc.getElementsByTagName("book")[0]; x.appendChild(newel);
ຄວາມເຫັນຄິດຄວາມຄິດ:
- ດ້ວຍການໃຊ້ loadXMLDoc() ສົ່ງ "books.xml" ນຳເອົາ xmlDoc
- ສ້າງຫນຶ່ງຂອງຕົວຊີວິດໃຫ້ <edition>.
- ສ້າງຫນຶ່ງຂອງຕົວຊີວິດສໍາລັບ <book>.
ການເສັງຂອງຕົວຊີວິດໃຫ້ <book> ແລະ ສ້າງຫນຶ່ງຂອງຕົວຊີວິດ:TIY
ສ້າງຫນຶ່ງຂອງຕົວຊີວິດຂໍ້ມູນທີ່ບໍ່ສາມາດກຳນົດມັນໄດ້
createAttribute() ສ້າງຫນຶ່ງຂອງຕົວຊີວິດຂໍ້ມູນທີ່ບໍ່ສາມາດກຳນົດມັນໄດ້:
xmlDoc=loadXMLDoc("books.xml"); newatt=xmlDoc.createAttribute("edition"); newatt.nodeValue="first"; x=xmlDoc.getElementsByTagName("title"); x[0].setAttributeNode(newatt);
ຄວາມເຫັນຄິດຄວາມຄິດ:
- ດ້ວຍການໃຊ້ loadXMLDoc() ສົ່ງ "books.xml" ນຳເອົາ xmlDoc
- ສ້າງຫນຶ່ງຂອງຂໍ້ມູນທີ່ບໍ່ສາມາດກຳນົດມັນໄດ້ "edition".
- ສ້າງຫນຶ່ງຂອງຂໍ້ມູນທີ່ບໍ່ສາມາດກຳນົດມັນໄດ້ສໍາລັບສິ່ງທີ່ຕິດຕາມ <title>.
ການເສັງຂອງຕົວຊີວິດ <title> ແລະ ສ້າງຫນຶ່ງຂອງຂໍ້ມູນທີ່ບໍ່ສາມາດກຳນົດມັນໄດ້:TIY
ບັນທືກ: ຖ້າມີຂໍ້ມູນທີ່ມີກ່ອນ, ມັນຈະຖືກປ່ຽນທີ່ຫນຶ່ງອື່ນໆ.
ການສ້າງຂໍ້ມູນທີ່ບໍ່ມີວ່າ setAttribute()
ຍ້ອນວ່າ setAttribute() ສາມາດສ້າງຂໍ້ມູນທີ່ບໍ່ມີຂອງຂໍ້ມູນວ່າຫນຶ່ງອື່ນໆ, ພວກເຮົາສາມາດໃຊ້ການນີ້ເພື່ອສ້າງຂໍ້ມູນຫນຶ່ງອື່ນໆ.
xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName('book'); x[0].setAttribute("edition","first");
ຄວາມເຫັນຄິດຄວາມຄິດ:
- ດ້ວຍການໃຊ້ loadXMLDoc() ສົ່ງ "books.xml" ນຳເອົາ xmlDoc
- ການກຳນົດ (ສ້າງ) ຂອງຂໍ້ມູນທີ່ມີຄວາມ "first" ສໍາລັບສິ່ງທີ່ຕິດຕາມ <book>.
ການເສັງຂອງຕົວຊີວິດ <title> ແລະ ສ້າງຫນຶ່ງຂອງຂໍ້ມູນທີ່ບໍ່ສາມາດກຳນົດມັນໄດ້:TIY
ສ້າງຫນຶ່ງຂອງຕົວຊີວິດຂອງຂໍ້ຄວາມທີ່ບໍ່ສາມາດກຳນົດມັນໄດ້
ການເຮັດວຽກ createTextNode() ສ້າງຫນຶ່ງຂອງຕົວຊີວິດຂອງຂໍ້ຄວາມທີ່ບໍ່ສາມາດກຳນົດມັນໄດ້:
xmlDoc=loadXMLDoc("books.xml"); newel=xmlDoc.createElement("edition"); newtext=xmlDoc.createTextNode("first"); newel.appendChild(newtext); x=xmlDoc.getElementsByTagName("book")[0]; x.appendChild(newel);
ຄວາມເຫັນຄິດຄວາມຄິດ:
- ດ້ວຍການໃຊ້ loadXMLDoc() ສົ່ງ "books.xml" ນຳເອົາ xmlDoc
- ສ້າງຫນຶ່ງຂອງຕົວຊີວິດໃຫ້ <edition>.
- ສ້າງຫນຶ່ງຂອງຕົວຊີວິດທີ່ມີຄວາມວ່າ "first".
- ສ້າງຫນຶ່ງຂອງຕົວຊີວິດຕິດຕາມຕົວຊີວິດນີ້.
- ສ້າງຫນຶ່ງຂອງຕົວຊີວິດໃຫ້ສິ່ງທີ່ຕິດຕາມ <book>.
ສ້າງຫນຶ່ງຂອງຕົວຊີວິດຢູ່ໃນສິ່ງເປັນ <book>.TIY
ການສ້າງຫນຶ່ງຂອງ CDATA Section.
ການເຮັດວຽກ createCDATASection() ສ້າງຫນຶ່ງຂອງຕົວຊີວິດ CDATA section.
xmlDoc=loadXMLDoc("books.xml"); newCDATA=xmlDoc.createCDATASection("Special Offer & Book Sale"); x=xmlDoc.getElementsByTagName("book")[0]; x.appendChild(newCDATA);
ຄວາມເຫັນຄິດຄວາມຄິດ:
- ດ້ວຍການໃຊ້ loadXMLDoc() ສົ່ງ "books.xml" ນຳເອົາ xmlDoc
- ສ້າງ CDATA section ຄິດໃໝ່:
- ສົ່ງ CDATA section ຄິດໃໝ່ເຂົ້າໃນຫນຶ່ງຫນັງ <book> ທໍາອິດ:
ລະຫວ່າງທີ່ຈະລະຫວ່າງ ການເພີ່ມ CDATA section ຫນຶ່ງຫນັງ <book> ທັງໝົດ:TIY
ສ້າງຫນຶ່ງຫນັງ comment
ວິທີການ createComment() ສ້າງຫນຶ່ງຫນັງ comment ຄິດໃໝ່.
xmlDoc=loadXMLDoc("books.xml"); newComment=xmlDoc.createComment("Revised March 2008"); x=xmlDoc.getElementsByTagName("book")[0]; x.appendChild(newComment);
ຄວາມເຫັນຄິດຄວາມຄິດ:
- ດ້ວຍການໃຊ້ loadXMLDoc() ສົ່ງ "books.xml" ນຳເອົາ xmlDoc
- ສ້າງຫນຶ່ງຫນັງ comment ຄິດໃໝ່:
- ສົ່ງຄວາມຄິດໃໝ່ຈະເພີ່ມເຂົ້າໃນຫນຶ່ງຫນັງ <book> ທໍາອິດ:
ລະຫວ່າງທີ່ຈະລະຫວ່າງ ການເພີ່ມ comment ຫນຶ່ງຫນັງ <book> ທັງໝົດ:TIY
- ຫນື່ງບ່ອນໄປຫນື່ງບ່ອນ DOM ປ່ຽນຂະໜາດຂອງຫນຶ່ງຫນັງ
- ຫນື່ງບ່ອນໄປຫນື່ງບ່ອນ DOM ສະແດງຂະໜາດຂອງຫນຶ່ງຫນັງ