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