Elemen offsetLeft Property
Objek ElemenContoh
Dapatkan posisi offsetLeft dari elemen <div>:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
Definisi dan Penggunaan
Properti offsetLeft mengembalikan posisi kiri (dalam piksel) relatif terhadap sisi kiri elemen offsetParent.
Nilai yang dikembalikan termasuk:
- posisi kiri, dan margin elemen
- padding kiri, bilah gulir, dan batas elemen offsetParent
Catatan: Elemen offsetParent adalah ancestor terdekat yang memiliki posisi selain static.
Tip: Untuk mengembalikan posisi teratas sebuah elemen, gunakan properti offsetTop .
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
offsetLeft | Yes | 8.0 | Yes | Yes | Yes |
Sintaksis
Kembalikan posisi offset kiri:
object.offsetLeft
Detail Teknis
Nilai Bawaan: | tidak ada nilai default |
---|---|
Nilai Kembali: | Angka, mewakili posisi kiri elemen, dalam piksel |
Versi DOM: | CSSOM |
Lebih Banyak Contoh
Contoh
Dapatkan posisi elemen <div> aa:
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
Objek Elemen