Örnek
A offsetLeft pozisyonunu alın <div> elemanı:
<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> Kendin dene " Tanımı ve Kullanımı
OffsetLeft özelliği sol konumu döner (in pixels) sol tarafında offsetParent elemanının göre.
döndürülen değeri içerir:
- elemanın sol pozisyon ve kenar
- offsetParent elemanın sol dolgular, kaydırma ve sınır
Not: offsetParent eleman statik dışında bir konuma sahiptir yakın atası.
İpucu: Bir elemanın üst konumda döndürmek kullanmak için offsetTop özelliğini.
Tarayıcı Desteği
| özellik | |||||
|---|---|---|---|---|---|
| offsetLeft | Evet | 8 | Evet | Evet | Evet |
Sözdizimi
sol ofset pozisyonunu Dönüş:
object .offsetLeft
Teknik detaylar
| Varsayılan değer: | varsayılan değer |
|---|---|
| Geri dönüş değeri: | piksel elemanının sol konumunu temsil eden bir sayı, |
| DOM Versiyon: | CSSOM |
Diğer Örnekler
Örnek
Aa pozisyonunu alın <div> elemanı:
<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>
Kendin dene "