ตัวอย่าง
ได้รับความกว้างของที่ <div> องค์ประกอบของเส้นขอบด้านบนและด้านซ้าย:
var elmnt = document.getElementById("myDIV");
var txt = "Border top
width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " +
elmnt.clientLeft + "px";ผลจากการ txt จะเป็น:
Border top width: 15px
Border left width: 10px ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
สถานที่ให้บริการ clientLeft ส่งกลับความกว้างของขอบด้านซ้ายขององค์ประกอบพิกเซล
สถานที่ให้บริการนี้ไม่รวมถึงช่องว่างด้านซ้ายขององค์ประกอบหรือขอบด้านซ้าย
เคล็ดลับ: คุณยังสามารถใช้ style.borderLeftWidth คุณสมบัติเพื่อกลับความกว้างของขอบด้านซ้ายเป็นองค์ประกอบของ
หมายเหตุ: สำหรับ Chrome, Firefox และ Opera บน Windows ถ้าองค์ประกอบมีแถบเลื่อน (ที่กำหนดโดยแบบ CSS ล้น ทรัพย์สิน) และถ้าทิศทางข้อความขององค์ประกอบที่เป็นขวาไปซ้าย (set by the CSS direction property) นี้ สถานที่ให้บริการรวมถึงความกว้างของแถบเลื่อนแนวตั้งพร้อมกับความกว้างของเส้นขอบซ้าย ใน IE แต่มันกลับ "0" บน Mac OS ให้ใช้ Safari, Chrome, Firefox หรือ Opera ก็ส่งกลับเฉพาะความกว้างขอบซ้าย
เคล็ดลับ: หากต้องการกลับความกว้างของเส้นขอบด้านบนขององค์ประกอบใช้ clientTop คุณสมบัติ
สถานที่แห่งนี้เป็นอ่านอย่างเดียว
สนับสนุนเบราว์เซอร์
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| clientLeft | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
element .clientLeftรายละเอียดทางเทคนิค
| กลับค่า: | หมายเลขที่เป็นตัวแทนของความกว้างของขอบด้านซ้ายเป็นองค์ประกอบของพิกเซล |
|---|
ตัวอย่างอื่น ๆ
ตัวอย่าง
ในตัวอย่างนี้ทิศทางข้อความของ <div> เป็นขวาไปซ้ายและมีแถบเลื่อนนี้:
var left = document.getElementById("myDIV").clientLeft; ลองตัวเอง»