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