ປະສົມປະກອບ HTML DOM Element offsetHeight
- ຫນ້າທີ່ກ່ອນ normalize()
- ຫນ້າທີ່ຕໍ່ໄປ offsetWidth
- ກັບຄືນຊຸມຊົນ ສະໂມສອນ HTML DOM Elements
ການສະແດງການພິສູດການນຳໃຊ້
offsetHeight ປະສົມປະກອບແມ່ນການກັບຄືນຄວາມສູງຢູ່ຕໍ່າກັບສາຍວົງ (ຖືກສົ່ງຕົວໃຫ້ໄດ້ປະກອບຈາກພາກຕາມຕາມມາດຕະຖານ), ລວມກັບການກະຕຸ້ມແລະບາດ, ແຕ່ບໍ່ລວມກັບການກະຕຸ້ມພາຍໃນ.
offsetHeight ປະສົມປະກອບແມ່ນຂໍ້ສັງເກດພຽງພໍ.
ບໍ່ມີການກ່າວຫາຫຼັກສູດການສະແດງວົງ CSS
offsetParent
ທຸກປະກອບຂອງສາຍວົງມີຄວາມສູງຢູ່ຕໍ່າກັບພະລັງງານກະຕຸ້ມທີ່ຈະມີຄວາມສັບສົນຢູ່ບໍ່ມີການສະແດງອອກທີ່ມີຄວາມສູງຢູ່ຕໍ່າກັບບົດກຳນວນຂອງເອກະສານ:
- offsetTop
- offsetLeft
- offsetWidth
- offsetHeight
ພະລັງງານກະຕຸ້ມທີ່ຈະມີຄວາມສັບສົນຢູ່ບໍ່ມີການສະແດງອອກທີ່ມີຄວາມສູງຢູ່ຕໍ່າກັບບົດກຳນວນຂອງເອກະສານ.
ຖ້າບໍ່ມີພະລັງງານກະຕຸ້ມທີ່ຈະມີຄວາມສັບສົນຢູ່ບໍ່ມີການສະແດງອອກທີ່ມີຄວາມສູງຢູ່ຕໍ່າກັບບົດກຳນວນຂອງເອກະສານ.
ບໍ່ມີການກ່າວຫາ
ຕົວຢ່າງ
ຕົວຢ່າງ 1
ສະແດງ "myDIV" ຄວາມສູງແລະວາງດ້ວຍການກະຕຸ້ມແລະບາດ:
const elmnt = document.getElementById("myDIV");
let text = "ຄວາມສູງກັບການກະຕຸ້ມແລະບາດ: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";
ຕົວຢ່າງ 2
clientHeight/clientWidth ແລະ offsetHeight/offsetWidth ຂອງຄວາມແຕກຕ່າງມີຄະແນນຄູ່ກະບຽນ:
const elmnt = document.getElementById("myDIV");
let text = "";
text += "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Height with padding and border: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";
ບໍ່ມີຄະແນນຄູ່ກະບຽນ:
const elmnt = document.getElementById("myDIV");
let text = "";
text += "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Height with padding, border and scrollbar: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px<br>";
text += "Width with padding, border and scrollbar: " + elmnt.offsetWidth + "px";
ກົດລະບຽບ
element.offsetHeight
ຜົນກະທົບ
| ປະເພດ | ການອະທິບາຍ |
|---|---|
| ຕົວເລກ | ສະແດງຄວາມສູງທີ່ສາມາດເບິ່ງໄດ້ຂອງບັນຊີ (ທີ່ຕາມຕົວເລກ), ລວມທັງຂອບເຂດພາຍໃນ, ບໍລິເວນກະບຽນ ແລະ ຄະແນນຄູ່ກະບຽນ. |
ການສະໜັບສະໜູນບັນຊີບັນນາທິການ
ທຸກພວກມີການສະໜັບສະໜູນ element.offsetHeight：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| ສະໜັບສະໜູນ | ສະໜັບສະໜູນ | ສະໜັບສະໜູນ | ສະໜັບສະໜູນ | ສະໜັບສະໜູນ | ສະໜັບສະໜູນ |
- ຫນ້າທີ່ກ່ອນ normalize()
- ຫນ້າທີ່ຕໍ່ໄປ offsetWidth
- ກັບຄືນຊຸມຊົນ ສະໂມສອນ HTML DOM Elements
