ຫຼັກສູດເວົ້າສະໄໝ:

NodeList

ການແນະນຳຫຼັກສູດ:

HTML DOM NodeList ການປຶກສາ

length attributeການຂື້ນມາຜູ້ບັນຊີໃນ NodeList:

NodeList ແມ່ນການລວມຜູ້ບັນຊີຄືກັບລາຍການ (ລາຍການ):

ຜູ້ບັນຊີໃນ NodeList ສາມາດເຂົ້າເຖິງຜ່ານບັນທາການເລກ (ເລີ່ມຈາກ 0). NodeList vs. HTMLCollection NodeList ກັບ:

HTMLCollection

ບໍ່ມີຄວາມແຕກຕ່າງ:

ຜູ້ບັນຊີທີ່ຄົ້ນຫາ:

childNodes ປະສົມປະສານລວມ

querySelectorAll() ວິທີການ

getElementsByName() ວິທີການ

ປະສົມປະສານລວມ:

ສາມາດໃຊ້ລາຍການພາສາຫຼັງກັນຂອງ NodeList: ຊື່:
ການອະທິບາຍ: entries()
ການຂື້ນມາຜູ້ບັນຊີທີ່ມີຄຳປະໝາດ/ຄວາມລວມ: forEach()
ການດຳເນີນຫຼັກສູດຄຳວ່າວິທີທາງວິສະວະຍາຂອງຜູ້ບັນຊີ: item()
ການຂື້ນມາຜູ້ບັນຊີທີ່ມີບັນທາການ: keys()
length ການຂື້ນມາຜູ້ບັນຊີໃນ NodeList:
values() ການຂື້ນມາຄວາມຄວາມລວມຂອງລາຍການ:

ຄວາມລວມ

ເລືອກຜູ້ບັນຊີທຸກຢ່າງໃນໂຕແບບ: <p> ຜູ້ບັນຊີ:

const myNodeList = document.querySelectorAll("p");

ຜູ້ບັນຊີໃນ NodeList ສາມາດເຂົ້າເຖິງຜ່ານບັນທາການເລກ.

ສຳລັບການເຂົ້າຫາຜູ້ບັນຊີ <p> ຄັ້ງທີສອງ ທ່ານສາມາດຂຽນ:

myNodeList[1]

ພະຍາຍາມຕົວຕົນ

ດໍາເນີນຄວາມຫັນ:ບັນທາການເລີ່ມຈາກ 0.

HTML DOM Node List Length

length ປະສົມປະສານລວມຜູ້ບັນຊີໃນລາຍການຜູ້ບັນຊີ:

ຕົວຢ່າງ 1

myNodelist.length

ພະຍາຍາມຕົວຕົນ

ເມື່ອທ່ານຕ້ອງການຢືບຢັບຜູ້ບັນຊີໃນລາຍການຜູ້ບັນຊີ:length ປະສົມປະສານລວມຄວາມປະທັບກັນ:

ຕົວຢ່າງ 2

ປ່ຽນສີຂອງຜູ້ບັນຊີ <p> ທຸກຢ່າງ:

const myNodelist = document.querySelectorAll("p");
for (let i = 0; i < myNodelist.length; i++) {
  myNodelist[i].style.color = "red";
}

ພະຍາຍາມຕົວຕົນ

ບໍ່ແມ່ນອາກາດ

NodeList ບໍ່ແມ່ນອາກາດ!

NodeList ທາງໄກວ່າອາກາດສະແດງ

ພວກເຈົ້າສາມາດຜ່ານ NodeList ແລະໃຊ້ຫົວໜ້າຂອງຫຼັກອາກາດ.

ພວກເຈົ້າບໍ່ສາມາດໃຊ້ວິທີການ Array ຂອງ NodeList, ເຊິ່ງມີ push(), pop() ຫຼື join().

ຄວາມແຕກຕ່າງລະຫວ່າງ HTMLCollection ແລະ NodeList

NodeList ກັບ HTMLcollection ຄືກັບກັນ

ທັງສອງມີ

ທັງສອງມີ length attributeເຊິ່ງກຳລັງມີການກັບຄືນຈາກສະຖານທີ່ (ຫຼັກອາກາດ) ຂອງແຫຼມ (ລາຍການ) ເຊິ່ງຄືກັບລາຍການຂອງອາກາດ. ສາມາດເຂົ້າເຖິງຫຼັກອາກາດດ້ວຍຫົວໜ້າຂອງອາກາດ. ສາມາດເຂົ້າເຖິງຫຼັກອາກາດດ້ວຍຫົວໜ້າຂອງອາກາດ.

HTMLCollection ແມ່ນຫຼັກສັດແຫຼມການລວມ.

NodeList ແມ່ນຫຼັກແຫຼມການລວມ (ຫຼັກອາກາດ, ຫຼັກພາສາ ແລະ ຫຼັກຂະນຫຼັກ).

HTMLCollection ສາມາດເຂົ້າເຖິງຊະນວນຫຼັກອາກາດໂດຍຕາມຊື່, id ຫຼືຫົວໜ້າຂອງຫຼັກອາກາດ.

ລາຍການ NodeList ສາມາດເຂົ້າເຖິງຊະນວນຫຼັກອາກາດໂດຍຕາມຫົວໜ້າຂອງຫຼັກອາກາດ.

HTMLCollection ຈະມີທັງໝົດກຳລັງມີການລວມ. ເປັນຕົວຢ່າງ: ຖ້າເພີ່ມ <li> ສະຖານທີ່ໃນ DOM ໃນລາຍການ, HTMLCollection ໃນລາຍການຈະປ່ຽນແປງ.

NodeList ເປັນອຸປະກອນລວມກຳລັງມີການລວມ. ເປັນຕົວຢ່າງ: ຖ້າເພີ່ມ <li> ສະຖານທີ່ໃນ DOM ໃນລາຍການ, NodeList ໃນລາຍການຈະບໍ່ປ່ຽນແປງ.

getElementsByClassName() ແລະ getElementsByTagName() ວິທີການກຳລັງມີ HTMLCollection.

querySelectorAll() ວິທີການກຳລັງມີ NodeList.

childNodes ວິທີການກຳລັງມີ NodeList.

ລາຍການຫຼັກອາກາດທີ່ກຳລັງມີ

ໃນບາງກໍລະນີ, NodeList ແມ່ນກຳລັງມີ: ການປ່ຽນແປງ DOM ຈະດັດແປງ NodeList.

childNodes ວິທີການກຳລັງມີ NodeList.