ຄວາມຊື່ children HTML DOM Element

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

children ຄວາມຊື່ມອບຄືນກຸ່ມປະກອບສ່ວນລູກ

children ຄວາມຊື່ມອບຄືນ HTMLCollection

ບໍ່ດັ່ງນັ້ນບອກກັບ

ຄວາມຊື່ firstElementChild

ຄວາມຊື່ lastElementChild

ຄວາມຊື່ nextElementSibling

ຄວາມຊື່ previousElementSibling

ຄວາມຊື່ childElementCount

ຄວາມຊື່ childNodes

HTML ຕົວພິມ ແລະ ປະກອບສ່ວນ

ໃນ HTML DOMໃນ (ໂດຍໂຄງການໂຕແບບເອກະສານ) HTML ຕາມໂດຍເປັນກຸ່ມຕົວພິມທີ່ມີ (ຫຼືບໍ່ມີ) ປະກອບສ່ວນລູກ

ຕົວພິມອະທິບາຍວ່າຕົວພິມສະພາບ, ຕົວພິມຄວາມ ແລະ ບັນທຶກ

ປະກອບສ່ວນພາບລະຫວ່າງປະກອບສ່ວນກໍ່ແມ່ນຕົວພິມຄວາມ

ແຕ່ປະກອບສ່ວນພຽງແຕ່ຕົວພິມສະພາບ

ປະກອບສ່ວນລູກ ແລະ ປະກອບສ່ວນ

childNodes ກັບຄືນປະກອບສ່ວນລູກ(ຕົວພິມສະພາບປະກອບສ່ວນ, ຕົວພິມຄວາມ ແລະ ບັນທຶກ)

children ກັບຄືນປະກອບສ່ວນລູກພວກມັນບໍ່ແມ່ນຕາມຄວາມເຫັນລາຍການ ແລະບັນທຶກ

ພັນລະຫວ່າງພັນລະຫວ່າງປະກອບສ່ວນ

ສອງຜູ້ສົມບູນເປັນອ້າຍນ້ອງ ແລະ ຄອບຄົວ

ສອງຜູ້ສົມບູນແມ່ນບັນດາບັນດາຂັ້ນຕົວທີ່ມີພູ້ດຽວກັນ (ໃນການຈັດລຳດັບດຽວກັນ). childNodes ລາຍການ).

ສອງຜູ້ສົມບູນຢ່າງແມ່ນບັນດາຕົວຢ່າງທີ່ມີພໍ່ດຽວກັນ (ໃນການຈັດລຳດັບດຽວກັນ). children ລາຍການ).

ຕົວຢ່າງ

ຕົວຢ່າງ 1

ການຄົ້ນພົບການຈັດກັນບັນດາສິບຕິດຂອງ <body>:

const collection = document.body.children;

ການທົດລອງທີ່ເຮັດວຽກຈິງ

ຕົວຢ່າງ 2

ຈຳນວນສິບຕິດຂອງ "myDIV":

let count = document.getElementById("myDIV").children.length;

ການທົດລອງທີ່ເຮັດວຽກຈິງ

ຕົວຢ່າງ 3

ປ່ຽນສະໜອງສະເພາະຂອງສິບຕິດທີສອງຂອງ "myDIV":

const collection = document.getElementById("myDIV").children;
collection[1].style.backgroundColor = "yellow";

ການທົດລອງທີ່ເຮັດວຽກຈິງ

ຕົວຢ່າງ 4

ການຄົ້ນພົບຄວາມຂອງສິບຕິດທີສາມຂອງ <select> ອີງຕາມທີ່ມີອັນດັບ 2:

const collection = document.getElementById("mySelect").children[2].text;

ການທົດລອງທີ່ເຮັດວຽກຈິງ

ຕົວຢ່າງ 5

ການເລື່ອງບັນດາສິບຕິດຂອງ <body> ແລະປ່ຽນສະໜອງສະເພາະຂອງພວກມັນ:

const collection = document.body.children;
for (let i = 0; i < collecton.length; i++) {
  collection[i].style.backgroundColor = "red";
}

ການທົດລອງທີ່ເຮັດວຽກຈິງ

ສັບສິນ

element.children

ຄວາມຮັບຜິດຊອບ

ຊະນິດ ການອະທິບາຍ
ບັນດາຕົວຢ່າງ

ບັນດາຕົວຢ່າງ HTMLCollection.

ການຈັດກັນບັນດາຕົວຢ່າງ.

ບັນດາບັນດາຕົວຢ່າງທີ່ຖືກຈັດລຳດັບຕາມຄັດທີ່ບັນດາຕົວຢ່າງດັ່ງກ່າວຕັ້ງໃນເອກະສານ.

ການສະໜັບສະໜູນບັນຊີບັນກາ

element.children ເປັນປະສົມອະນຸຍາດ DOM Level 1 (1998).

ທຸກການອານຸພາສາການທັງໝົດຂອງບັນຊີນີ້ການສະໜັບສະໜູນຢ່າງເຕັມສ່ວນ:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ການສະໜັບສະໜູນ 9-11 ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ