HTML DOM Element lastChild

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

lastChild ທີ່ປະສົງຫົວອົງການທີ່ກໍານົດມາ ແລະ ພາຍໃນ Node Object

lastChild ທີ່ປະສົງແມ່ນພຽງແຕ່ອາດດໍາເນີນ

ຄວາມເຫັນ

lastChild ທີ່ປະສົງແມ່ນບັນດາຫົວອົງການລຸ່ມ ແລະ ຂໍ້ຄວາມຫົວໜ້າ ຫຼື ບັນທຶກຄວາມ

ບັນດາອາກາດລະຫວ່າງຫົວອົງການກໍ່ແມ່ນຂໍ້ຄວາມຫົວໜ້າ

ການແທນທີ່:

lastElementChild - lastElementChild ທີ່ປະສົງຫົວອົງການລຸ່ມສຸດທ້າຍ (ບໍ່ຄວນຂໍ້ຄວາມ ແລະ ບັນທຶກຄວາມ)

ບໍ່ມີຫຍັງອີກ:

ທີ່ປະສົງchildNodes

ທີ່ປະສົງfirstChild

ທີ່ປະສົງຫົວອົງການລຸ່ມທີ່ເປັນຕໍ່ມາ

ທີ່ປະສົງຫົວອົງການລຸ່ມທີ່ແມ່ນຕໍ່ມາ

ທີ່ປະສົງຫົວອົງການ

ທີ່ປະສົງຫົວອົງການປົກກະຕິ

ທີ່ປະສົງຫົວອົງການ

ທີ່ປະສົງທີ່ຂອງຫົວອົງການ

ທີ່ປະສົງອາກາດຂອງຫົວອົງການ

ຫົວອົງການ HTML ແລະ ຫົວອົງການ

ໃນ HTML DOM（Document Object Model）ໃນ HTML ສະໜາມແຫ່ງຂໍ້ມູນ HTML ແມ່ນກຸ່ມຫົວອົງການທີ່ມີ (ຫຼືບໍ່ມີ) ຫົວອົງການລຸ່ມ

ຫົວອາຊີບເປັນຫົວອົງການສັບສົນ、ຂໍ້ຄວາມຫົວໜ້າ ແລະ ບັນທຶກຄວາມ

ຫົວອົງການບັນດາອາກາດລະຫວ່າງຫົວອົງການລຸ່ມກໍ່ແມ່ນຂໍ້ຄວາມຫົວໜ້າ

ທີ່ສະເພາະຫົວອົງການລຸ່ມ

ບັນດາຫົວອົງການລຸ່ມ ແລະ ບັນດາຫົວອົງການລຸ່ມ

childNodes ກັບຄືນຫົວອາຊີບລູກ（ອົງການສັບສົນ、ຂໍ້ຄວາມຫົວໜ້າ ແລະ ບັນທຶກຄວາມ）。

children ກັບຄືນຫົວອາຊີບລູກ（ບໍ່ແມ່ນຂໍ້ຄວາມ ແລະ ບັນທຶກຄວາມ）。

firstChild ແລະ firstElementChild

firstChild ກັບຄືນຄັ້ງທຳອິດຫົວອາຊີບລູກ（ຫົວອາຊີບສິ່ງລວມ, ຫົວອາຊີບຂຽນ ຫຼື ຫົວອາຊີບຄຳຂຽນ）. ອາກາດລະຫວ່າງຫົວອາຊີບກໍ່ແມ່ນຫົວອາຊີບຂຽນ.

firstElementChild ກັບຄືນຄັ້ງທຳອິດຫົວອາຊີບລູກ（ບໍ່ກັບຫົວອາຊີບຂຽນຄຳຂຽນ ແລະ ຫົວອາຊີບຄຳຂຽນ）.

lastChild ແລະ lastElementChild

lastChild ມາດຕະການສຸດທ້າຍຫົວອາຊີບລູກ（ຫົວອາຊີບສິ່ງລວມ, ຫົວອາຊີບຂຽນ ຫຼື ຫົວອາຊີບຄຳຂຽນ）. ອາກາດລະຫວ່າງຫົວອາຊີບກໍ່ແມ່ນຫົວອາຊີບຂຽນ.

lastElementChild ມາດຕະການສຸດທ້າຍຫົວອາຊີບລູກ（ບໍ່ກັບຫົວອາຊີບຂຽນຄຳຂຽນ ແລະ ຫົວອາຊີບຄຳຂຽນ）.

ກໍລະນີ

ກໍລະນີ 1

ມາດຕະການ HTML ສຸດທ້າຍຂອງຫົວອາຊີບ <ul>:

document.getElementById("myList").lastChild.innerHTML;

ທ້າທາຍດັ່ງກ່າວ

ກໍລະນີ 2

ຊອກຫາຄຳຂຽນສຸດທ້າຍຂອງຫົວອາຊີບ <select>:

let text = document.getElementById("mySelect").lastChild.text;

ທ້າທາຍດັ່ງກ່າວ

ກໍລະນີ 3

ກໍລະນີນີ້ສະແດງວ່າການຂັດຂວາງຂອງອາກາດ, ຊອກຫາຊື່ຂອງຫົວອາຊີບສຸດທ້າຍຂອງ "myDIV":

<div id="myDIV">
  <p>Looks like first child</p>
  <p>Looks like last Child</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

ທ້າທາຍດັ່ງກ່າວ

ກໍລະນີ 4

ແຕ່ຖ້າທ່ານລຶບອາກາດຈາກແຫຼ່ງທຳອິດ, ບໍ່ມີຫົວອາຊີບ #text ໃນ "myDIV":

<div id="myDIV"><p>First child</p><p>Last Child</p></div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

ທ້າທາຍດັ່ງກ່າວ

ຄຳນວຍໄວ້

element.lastChild

ຫຼື

node.lastChild

ມາດຕະການກັບຄືນ

ປະເພດ ການອະທິບາຍ
ຫົວອາຊີບ ຫົວອາຊີບສຸດທ້າຍຂອງຫົວອາຊີບ.
null ຖ້າບໍ່ມີລູກ.

ການສະໜັບສະໜູນບັນດາບັນດາຄົນໄດ້ສະໜັບສະໜູນ.

element.lastChild ເປັນຄວາມຖືກຕ້ອງຂອງ DOM Level 1 (1998).

ທຸກບັນດາບັນດາຄົນໄດ້ສະໜັບສະໜູນມັນຢ່າງເຕັມທີ່.

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