HTML DOM Element parentElement ການກັບຄືນ

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

parentElement ການກັບຄືນຫົວຂໍ້ພາສາທີ່ມີພາສາບຸກສະຫຼັບຫົວຂໍ້.

parentElement ແລະ parentNode ຄວາມແຕກຕ່າງກັນຂອງ parentElement parentElement ການກັບຄືນ null:

document.body.parentNode; // ກັບຄືນ <html> Element
document.body.parentElement; // ກັບຄືນ <html> Element
document.documentElement.parentNode; // ກັບຄືນ ຫົວຂໍ້ລູກຫົວໜ້າ
document.documentElement.parentElement; // ກັບຄືນ null (html ບໍ່ມີພາສາບຸກພາສາບຸກສະຫຼັບ ELEMENT)

ໃນສະເຫນີຫຼາຍທີ່ສຸດ ການໃຊ້ປະສົບການໃດກໍ່ບໍ່ມີຄວາມສໍາຄັນ ແຕ່ parentNode ອາດຈະເປັນປະກອບຫົວຂໍ້ທີ່ເປັນປະກາດຫຼາຍທີ່ສຸດ.

ປະສົບການດຽວກັນ.

HTML Node ແລະ Element

ໃນ HTML DOM((ຫົວຂໍ້ຂອງ ພາບລະບົບໂດຍເມືອງ) HTML ຂອງເວັບໄຊເປັນຫົວຂໍ້ທີ່ມີ (ຫຼືບໍ່ມີ) ຫົວຂໍ້ລູກ).

Nodeເປັນຫົວຂໍ້ພາສາບຸກ ຫົວຂໍ້ຂຽນບັນທືກ ແລະ ຫົວຂໍ້ຂຽນບັນທືກ.

Elementບາງຄະນະການຈັກຈົນລະຫວ່າງປະກອບຫົວຂໍ້ກໍ່ແມ່ນຫົວຂໍ້ຕົວຈົນ.

ທີ່ປະກອບຫົວຂໍ້ພຽງແຕ່ຫົວຂໍ້ພາສາ.

ຫົວຂໍ້ລູກ ແລະ ປະກອບຫົວຂໍ້ລູກ

childNodes ການກັບຄືນຫົວຂໍ້ລູກ((ຫົວຂໍ້ພາສາບຸກ ແລະ ຫົວຂໍ້ຂຽນບັນທືກ)).

children ການກັບຄືນປະກອບຫົວຂໍ້ລູກ((ບໍ່ແມ່ນຫົວຂໍ້ຕົວຈົນ ແລະ ຫົວຂໍ້ຂຽນບັນທືກ)).

ພີຊະນິດ ແລະ ປະກອບຫົວຂໍ້ພີຊະນິດ

ພີຊະນິດເປັນ "ອ້າຍນ້ອງ" ແລະ "ພີຊະນິດ"。

ພີຊະນິດເປັນຫົວຂໍ້ທີ່ມີພາສາບຸກຄືກັນ (ໃນລາຍການດຽວກັນ) childNodes ໃນລາຍການ)。

ປະກອບຫົວຂໍ້ພີຊະນິດເປັນປະກອບຫົວຂໍ້ທີ່ມີພາສາບຸກຄືກັນ (ໃນລາຍການດຽວກັນ) children ໃນລາຍການ)。

ຕົວຢ່າງ

ຕົວຢ່າງ 1

ການຮຽບຮູ້ <li> ຊະນິດຫົວຂໍ້ພໍ່ຂອງຫົວຂໍ້:

var x = document.getElementById("myLI").parentElement.nodeName;

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

ຕົວຢ່າງ 2

ການຄົ້ນຫາປະກອບຫົວຂໍ້ (<span>) ສາມາດປິດປະກອບຫົວຂໍ້ພໍ່ (<div>) ໄດ້:

<div>
  <span onclick="this.parentElement.style.display = 'none';">x</span>
</div>

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

ສັນຍາ

node.parentElement

ຜົນກະທົບ

ຊະນິດ ການອະທິບາຍ
Element Object ສະແດງວ່າຫົວຂໍ້ພໍ່ຂອງຫົວຂໍ້
null ຖ້າຫົວຂໍ້ບໍ່ມີພາສາບຸກ

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

element.parentElement ເປັນເລື່ອງລະບົບ DOM Level 3 (2004)。

所有浏览器都完全支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持