Contoh
Dapatkan posisi offsetLeft dari <div> elemen:
<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> Cobalah sendiri " Definisi dan Penggunaan
Properti offsetLeft mengembalikan posisi kiri (in pixels) relatif terhadap sisi kiri elemen offsetParent.
Nilai yang dikembalikan meliputi:
- posisi kiri, dan margin elemen
- padding kiri, scrollbar dan perbatasan elemen offsetParent
Catatan: offsetParent unsur adalah nenek moyang terdekat yang memiliki posisi lain selain statis.
Tip: Untuk mengembalikan posisi teratas dari elemen, gunakan offsetTop properti.
Dukungan Browser
| Milik | |||||
|---|---|---|---|---|---|
| offsetLeft | iya nih | 8,0 | iya nih | iya nih | iya nih |
Sintaksis
Kembali posisi offset kiri:
object .offsetLeft
Rincian teknis
| Nilai default: | tidak ada nilai default |
|---|---|
| Kembali Nilai: | Sebuah Nomor, mewakili posisi kiri dari elemen, dalam piksel |
| DOM Versi: | CSSOM |
Contoh lebih
Contoh
Dapatkan posisi aa <div> elemen:
<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>
Cobalah sendiri "