HTML DOM Element clientLeft 属性

ການກໍານົດ ແລະການນໍາໃຊ້

clientLeft ປະສົມປະກອບກັບວົງຮູບປະກອບທີ່ຢູ່ທາງຊ້າຍຂອງປະກອບຂັ້ນສອງ ທີ່ວັດຖຸປະກອບສະໜາມ ຈາກລະຫວ່າງພາກສັ້ນ.

clientLeft ປະສົມປະກອບບໍ່ລວມຂອງປະກອບມີຄວາມຫຼຸດຄວາມຫົວໜ້າທີ່ຢູ່ທາງຊ້າຍ ແລະຫຼຸດຄວາມຫົວໜ້າທາງກາງ.

clientLeft ປະສົມປະກອບແມ່ນສາມາດອ່ານພຽງແຕ່.

ບັນທືງ:style.borderLeftWidth 属性ຍັງມີການກັບຄືນວົງຮູບປະກອບທີ່ຢູ່ທາງຊ້າຍຂອງປະກອບ.

ບໍ່ມີການອ້າງອີງ:CSS 框模型教程

ບໍ່ມີການອ້າງອີງ:

clientTop 属性

clientWidth 属性

clientHeight 属性

offsetLeft 属性

offsetTop 属性

ກໍລະນີ

ກໍລະນີ 1

ສະແດງວົງຮູບປະກອບທີ່ຢູ່ທາງສູນທາງສັ້ນ ແລະທາງຊ້າຍຂອງ myDIV:

const elmnt = document.getElementById("myDIV");
let text = "Border top width: " + elmnt.clientTop + "px<br>";
text += "Border left width: " + elmnt.clientLeft + "px";

ການທົດລອງຄົນດຽວ

ກໍລະນີ 2

ໃນບັນດາກໍລະນີນີ້，"myDIV" ມີການຍ້າຍທົດຈາກຊ້າຍໄປຊາຍແລະມີຄູ່ສັນຍາບັນ:

let left = document.getElementById("myDIV").clientLeft;

ການທົດລອງຄົນດຽວ

ການໃຊ້ຕາມມະນາຊີ

element.clientLeft

ມາດຕະຢູ່

ປະເພດ ອະທິບາຍ
ໂຕເລກ ວົງຮູບປະກອບສະໜາມປະກອບທີ່ຢູ່ທາງຊ້າຍຂອງປະກອບຂັ້ນສອງ ທີ່ວັດຖຸປະກອບສະໜາມ ຈາກລະຫວ່າງພາກສັ້ນ.

ບັນດາຊົນປະໄວນສະໜັບສະໜູນ

ທຸກບັນດາບັນດາຊົນປະໄວນທັງໝົດສະໜັບສະໜູນ element.clientLeft：

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