ตัวอย่าง
ได้รับตำแหน่ง offsetLeft ของ <div> องค์ประกอบ:
<div id="test">
<p>Click the button to get offsetLeft for the test
div.</p>
<p><button onclick="myFunction()">Try it</button></p>
<p>offsetLeft
is: <span id="demo"></span></p>
</div>
<script>
function
myFunction() {
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
}
</script> ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการ offsetLeft ส่งกลับตำแหน่งซ้าย (in pixels) เทียบกับด้านซ้ายองค์ประกอบ offsetParent
ค่ากลับมารวมถึง:
- ตำแหน่งด้านซ้ายและขอบขององค์ประกอบ
- ช่องว่างภายในซ้ายเลื่อนและชายแดนขององค์ประกอบ offsetParent
หมายเหตุ: offsetParent องค์ประกอบเป็นบรรพบุรุษที่ใกล้ที่สุดที่มีตำแหน่งอื่นที่ไม่ใช่คงที่
เคล็ดลับ: หากต้องการกลับไปตำแหน่งบนสุดขององค์ประกอบใช้ offsetTop คุณสมบัติ
สนับสนุนเบราว์เซอร์
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| offsetLeft | ใช่ | 8.0 | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
กลับตำแหน่งชดเชยซ้าย:
object .offsetLeft
รายละเอียดทางเทคนิค
| ราคาเริ่มต้น: | ไม่มีค่าเริ่มต้น |
|---|---|
| กลับค่า: | จำนวนคิดเป็นตำแหน่งด้านซ้ายขององค์ประกอบพิกเซล |
| DOM เวอร์ชัน: | CSSOM |
ตัวอย่างอื่น ๆ
ตัวอย่าง
ได้รับตำแหน่งของเอเอ <div> องค์ประกอบ:
<div id="test">
<p>Click the button to get the left and top offsets for
the test div.</p>
<p><button onclick="myFunction()">Try it</button></p>
<p
id="demo">offsetLeft: <br>offsetTop: </p>
</div>
<script>
function
myFunction() {
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: "
+ testDiv.offsetTop;
}
</script>
ลองตัวเอง»