ພຣັສເກຣັສ HTML DOM ການຄົ້ນຫາ

HTMLCollection ໂອລວດ

getElementsByTagName() ກົນລະບົບທີ່ກັບຄືນ HTMLCollection ໂອລວດ.

HTMLCollection ແມ່ນລະບົບຄະແນນກັນທີ່ມີບັນດາປະກອບຕົວ HTML (ລະບົບລາຍການ).

ລະບັບທີ່ຖ້າຢູ່ເບິ່ງຈະເລືອກບັນດາປະກອບຕົວ <p> ທັງໝົດໃນໂປດແມ່ນ:

ບົດສະຫຼຸບ

var x = document.getElementsByTagName("p");

ບັນດາປະກອບຕົວໃນສະຖານນະນະບັນນາດຈະສາມາດເຂົ້າເຖິງໂດຍບັນທານທີ່ຄວາມເປັນຈຳນວນ.

ສຳລັບການເຂົ້າເຖິງປະກອບຕົວ <p> ຄັ້ງທີສອງແມ່ນສາມາດຂຽນແບບດຽວກັນ:

y = x[1];

ທ້າທາຍຕົວເອງ

ຄວາມເຫັນ:ດ້ວຍບັນທານຈາກ 0 ເປັນຕົ້ນ.

HTML HTMLCollection ຄວາມຍາວ

length ອາການກໍານົດຈຳນວນບັນດາປະກອບຕົວໃນ HTMLCollection:

ບົດສະຫຼຸບ

var myCollection = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myCollection.length;

ທ້າທາຍຕົວເອງ

ບົດສະຫຼຸບ:

  • ສ້າງລາຍການຂອງຫົວໜ່ວຍ <p> ທັງໝົດ
  • ສະແດງຈຳນວນຂອງລາຍການ

length ປະສົມປະສານມີປະໂຫຍດໃນການກວດສອບລາຍການຂອງບັນດາອຸປະກອນ:

ບົດສະຫຼຸບ

ປ່ຽນສີການບໍລິໂສກາກຂອງຫົວໜ່ວຍ <p> ທັງໝົດ:

var myCollection = document.getElementsByTagName("p");
var i;
for (i = 0; i < myCollection.length; i++) {
    myCollection[i].style.backgroundColor = "red";
}

ທ້າທາຍຕົວເອງ

HTMLCollection ບໍ່ແມ່ນຈຸດສະຖານນະບັນນາທິການ!

HTMLCollection ບາງຄັ້ງຄືກັບຈຸດສະຖານນະບັນນາທິການ, ແຕ່ບໍ່ແມ່ນຈຸດສະຖານນະບັນນາທິການ.

ພວກເຈົ້າສາມາດການກວດສອບລາຍການ ແລະ ນໍາໃຊ້ຈຸດປະກອບທີ່ມີຈຳນວນ (ຄືກັບຈຸດສະຖານນະບັນນາທິການ).

ແຕ່ພວກເຈົ້າບໍ່ສາມາດນຳໃຊ້ວິທີການຂອງຈຸດສະຖານນະບັນນາທິການ, ເຊັ່ນ valueOf()、pop()、push() ຫຼື join()。