HTML DOM NodeList length attribute

  • ບ່ອນຫຍັງກ່ອນ keys()
  • ອີກບ່ອນໜ້າໜ້າ values()
  • ກັບຄືນຊຸມນະພາບ HTML DOM NodeList

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

ປະສົມປະກອບ length ແມ່ນການການກະທຳກັບຈຳນວນຫົວໜ້າໃນ NodeList:

ປະສົມປະກອບ length ແມ່ນບໍ່ສາມາດເຮັດການຫັນກະພັນໄດ້.

ຄວາມລະອຽດ

ຕົວຢ່າງ 1

ການເອົາຈຳນວນຫົວໜ້າຂອງຫົວຂໍ້ໃນເອກະສານ:

const nodeList = document.body.childNodes;
let number = nodeList.length;

ທົດລອງດ້ວຍຕົວເອງ

ຕົວຢ່າງ 2

ການເອົາຫົວຂໍ້ <body> ເປັນຫົວໜ້າຂອງຫົວຂໍ້:

const nodeList = document.body.childNodes;

ທົດລອງດ້ວຍຕົວເອງ

ຄວາມປະໂຫຍດ 3

ການຮັບຈຳນວນລູກອອກຂອງ "myDIV":

const element = document.getElementById("myDIV");
let numb = element.childNodes.length;

ທົດລອງດ້ວຍຕົວເອງ

ຄວາມປະໂຫຍດ 4

ຈຳນວນ <p> ໃນ "myDIV":

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;

ທົດລອງດ້ວຍຕົວເອງ

ຄວາມປະໂຫຍດ 5

ການຊອກຫາທຸກຫົວຂໍ້ <p> ໃນ "myDIV" ແລະການປ່ຽນຂະໜາດມີລາຍການ:

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
for (let i = 0; i < list.length; i++) {
  list[i].style.fontSize = "red";
}

ທົດລອງດ້ວຍຕົວເອງ

ຄວາມປະໂຫຍດ 6

ການຊອກຫາທຸກຫົວຂໍ້ລູກອອກຂອງພາຍໃນແລະການກັກຂໍ້ມູນຊື່ຫົວຂໍ້ລູກ:

const list = document.body.childNodes;
let text = "";
for (let i = 0; i < list.length; i++) {
  text += list[i].nodeName + "<br>";
}

ທົດລອງດ້ວຍຕົວເອງ

ວິທິພາສາ

nodelist.length

ຜົນກະທົບ

ປະເພດ ການອະທິບາຍ
ເວລາ ຈຳນວນຂອງຫົວຂໍ້ໃນ NodeList.

ການສະໜັບສະໜູນບັນຍັດ

nodelist.length ແມ່ນປະສົມປະສານ DOM Level 1 (1998) ປະສົມປະສານ.

ທຸກການສະໜອງທີ່ຫຼາຍຢູ່ໃນສາຍທະວີ່ບັນຍັດໃຫຍ່ທັງໝົດສາມາດສະໜັບສະໜູນມັນທັງໝົດ:

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

ບັນດາຫົວຂໍ້

ເວັກນິວັດ entries()

ເວັກນິວັດ forEach()

ເວັກນິວັດ item()

ເວັກນິວັດ keys()

ເວັກນິວັດ values()

ໂອກາດ NodeList

ເວັກນິວັດ childNodes()

ເວັກນິວັດ querySelectorAll()

ເວັກນິວັດ getElementsByName()

  • ບ່ອນຫຍັງກ່ອນ keys()
  • ອີກບ່ອນໜ້າໜ້າ values()
  • ກັບຄືນຊຸມນະພາບ HTML DOM NodeList