HTML XML DOM ການເພີ່ມຫົວ

ບົດສະຫນາມ

ຄວາມຄິດທີ່ລະບຸ XML ບັນດາບັນນາທິດ books.xml。

ຫົວຫນື່ງ loadXMLDoc()ຢູ່ໃນ JavaScript ທີ່ບໍລິໂພກ XML ບັນດາບັນນາທິດ

ເພີ່ມລູກຊົ່ວຮອບໃຫ້ລູກຊົ່ວຮອບສຸດທ້າຍລູກຊົ່ວຮອບ
ກໍລະນີນີ້ໃຊ້ກົນລະບຽບ appendChild() ເພີ່ມລູກຊົ່ວຮອບໃຫ້ລູກຊົ່ວຮອບທີ່ມີຢູ່.
ເພີ່ມລູກຊົ່ວຮອບໃນຕອນກ່ອນລູກຊົ່ວຮອບລຸ່ມຕົວທີ່ກຳນັກງານ
ກໍລະນີນີ້ໃຊ້ກົນລະບຽບ insertBefore() ເພີ່ມລູກຊົ່ວຮອບໃນຕອນກ່ອນລູກຊົ່ວຮອບລຸ່ມຕົວທີ່ກຳນັກງານ.
ເພີ່ມປະກອບປະກອງໃໝ່
ກໍລະນີນີ້ໃຊ້ກົນລະບຽບ setAttribute() ເພີ່ມປະກອບປະກອງທີ່ໃໝ່.
ເພີ່ມຂໍ້ມູນໃຫ້ລູກຊົ່ວຮອບຂໍ້ຄວາມ
ກໍລະນີນີ້ໃຊ້ insertData() ເພີ່ມຂໍ້ມູນໃນລູກຊົ່ວຮອບຂໍ້ຄວາມທີ່ມີຢູ່.

ການໃສ່ລູກຊົ່ວຮອບ - appendChild()

ກົນລະບຽບ appendChild() ກຳນວຍການໃຊ້ລູກຊົ່ວຮອບໃຫ້ລູກຊົ່ວຮອບທີ່ມີຢູ່.

ລູກຊົ່ວຮອບໃໝ່ຈະຕິດຕັ້ງ (ຕິດຕາມ) ຕາມລູກຊົ່ວຮອບທີ່ມີຢູ່.

ຄໍາເຫັນ:ຖ້າຕອນທີ່ທີ່ລູກຊົ່ວຮອບຕິດຕັ້ງຢູ່ມັນຫຍັງຈະມີຄວາມສຳຄັນ, ການໃຊ້ກົນລະບຽບ insertBefore() ຈະມີປະສິດທິພາບ.

ການຂັດເງິນກ່າວພາຍໃນນີ້ສ້າງລູກຊົ່ວຮອບ ( <edition> ) ແລະຕິດຕັ້ງມັນຕິດຕາມລູກຊົ່ວຮອບສຸດທ້າຍຂອງ <book> ທໍາອິດ:

xmlDoc=loadXMLDoc("books.xml");
newel=xmlDoc.createElement("edition");
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);

例子解释：

  1. 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
  2. ສ້າງລູກຊົ່ວຮອບໃໝ່ <edition>
  3. ຕິດຕັ້ງລູກຊົ່ວຮອບນີ້ໃຫ້ລູກຊົ່ວຮອບ <book> ທໍາອິດ

TIY

ການລະບົບກັນແລະໃຊ້ລູກຊົ່ວຮອບໃຫ້ທັງໝົດລູກຊົ່ວຮອບ <book>:TIY

ໃສ່ລູກຊົ່ວຮອບ - insertBefore()

ກົນລະບຽບ insertBefore() ມີຫຍັງການໃຊ້ທີ່ໃນການໃສ່ລູກຊົ່ວຮອບກ່ອນລູກຊົ່ວຮອບລຸ່ມຕົວທີ່ກຳນັກງານ.

ຖ້າຕອນທີ່ທີ່ລູກຊົ່ວຮອບຕິດຕັ້ງຢູ່ມັນຫຍັງຈະມີຄວາມສຳຄັນ, ການໃຊ້ກົນລະບຽບນີ້ຈະມີປະສິດທິພາບ.

xmlDoc=loadXMLDoc("books.xml");
newNode=xmlDoc.createElement("book");
x=xmlDoc.documentElement;
y=xmlDoc.getElementsByTagName("book")[3];
x.insertBefore(newNode,y);

例子解释：

  1. 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
  2. ສ້າງລູກຊົ່ວຮອບໃໝ່ <book>
  3. ຕິດຕັ້ງລູກຊົ່ວຮອບນີ້ໃນຕາມທີ່ກ່ອນລູກຊົ່ວຮອບ <book> ສຸດທ້າຍ

TIY

ຖ້າປະກອບປະກອງທີສອງຂອງ insertBefore() ແມ່ນ null, ລູກຊົ່ວຮອບໃໝ່ຈະຕິດຕັ້ງຕິດຕາມລູກຊົ່ວຮອບສຸດທ້າຍທີ່ມີຢູ່.

x.insertBefore(newNode,null) ແລະ x.appendChild(newNode) ທັງສອງສາມມີສິດຂອງການໃຊ້ x ເພີ່ມລູກຊົ່ວຮອບໜຶ່ງໃໝ່.

ການເພີ່ມປະກອບປະກອງໃໝ່

ການໃຊ້ກົນລະບຽບ addAtribute() ບໍ່ມີຢູ່.

如果属性不存在，则 setAttribute() 可创建一个新的属性：

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book');
x[0].setAttribute("edition","first");

例子解释：

  1. 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
  2. 把第一个 元素的 "edition" 属性的值设置（创建）"first"

TIY

ຄໍາເຫັນ:ຖ້າປະສົມມີຢູ່, ວິທີ setAttribute() ຈະປຸກປ້ອງຄຳນວຍມາທີ່ມີຢູ່

ເພີ່ມຄຳເວົ້າໃຫ້ຂໍ້ມູນຂອງຄຳເວົ້າ - insertData()

ວິທີ insertData() ຈະເພີ່ມຂໍ້ມູນເຂົ້າໃນຂອງຂໍ້ມູນຂອງຄຳເວົ້າທີ່ມີການເປັນບັນດາຄຳເວົ້າ

ວິທີ insertData() ມີສອງປະສົມ

  • offset - ບ່ອນທີ່ເລີ່ມເພີ່ມຄຳເວົ້າ (ເລີ່ມຈາກ 0)
  • string - ຄຳເວົ້າທີ່ຈະເພີ່ມ

ລະຫັດການຂອງຄຳຫຼົກທີ່ລົງມາຈະເພີ່ມ "Easy" ເຂົ້າໃນຄຳເວົ້າຂອງ <title> ຂອງ XML ທີ່ໄດ້ເອົາມາໄວ້:

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.insertData(0,"Hello ");

TIY