องค์ประกอบoffsetLeftคุณสมบัติ
❮ วัตถุธาตุตัวอย่าง
รับตำแหน่ง offsetLeft ของ <div> องค์ประกอบ:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
ความหมายและการใช้งาน
คุณสมบัติ offsetLeft ส่งคืนตำแหน่งด้านซ้าย (เป็นพิกเซล) ที่สัมพันธ์กับด้านซ้ายขององค์ประกอบ offsetParent
มูลค่าที่ส่งคืนรวมถึง:
- ตำแหน่งด้านซ้ายและระยะขอบขององค์ประกอบ
- padding ด้านซ้าย แถบเลื่อน และเส้นขอบขององค์ประกอบ offsetParent
หมายเหตุ:องค์ประกอบoffsetParentเป็นบรรพบุรุษที่ใกล้ที่สุดซึ่งมีตำแหน่งอื่นที่ไม่ใช่แบบคงที่
เคล็ดลับ:หากต้องการคืนตำแหน่งบนสุดขององค์ประกอบ ให้ใช้คุณสมบัติoffsetTop
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
offsetLeft | Yes | 8.0 | Yes | Yes | Yes |
ไวยากรณ์
กลับตำแหน่งออฟเซ็ตด้านซ้าย:
object.offsetLeft
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | ไม่มีค่าเริ่มต้น |
---|---|
คืนมูลค่า: | ตัวเลข แทนตำแหน่งด้านซ้ายขององค์ประกอบ หน่วยเป็นพิกเซล |
รุ่น DOM: | CSSOM |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
รับตำแหน่งของ aa <div> องค์ประกอบ:
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
❮ วัตถุธาตุ