Eleman offsetLeft Özellik
❮ Öğe NesnesiÖrnek
Bir <div> öğesinin offsetLeft konumunu alın:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
Tanım ve Kullanım
offsetLeft özelliği, offsetParent öğesinin sol tarafına göre sol konumu (piksel olarak) döndürür.
Döndürülen değer şunları içerir:
- öğenin sol konumu ve kenar boşluğu
- offsetParent öğesinin sol dolgusu, kaydırma çubuğu ve sınırı
Not: offsetParent öğesi, statik dışında bir konuma sahip en yakın üst öğedir.
İpucu: Bir öğenin en üst konumunu döndürmek için offsetTop özelliğini kullanın.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
offsetLeft | Yes | 8.0 | Yes | Yes | Yes |
Sözdizimi
Sol ofset konumunu döndür:
object.offsetLeft
Teknik detaylar
Varsayılan değer: | varsayılan değer yok |
---|---|
Geri dönüş değeri: | Piksel olarak öğenin sol konumunu temsil eden bir Sayı |
DOM Sürümü: | CSSOM |
Daha fazla örnek
Örnek
aa <div> öğesinin konumunu alın:
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
❮ Öğe Nesnesi