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
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน