Örnek
A offsetTop pozisyonunu alın <div> elemanı:
<div id="test">
<p>Click the button to get offsetTop for the test
div.</p>
<p><button onclick="myFunction()">Try it</button></p>
<p>offsetTop
is: <span id="demo"></span></p>
</div>
<script>
function
myFunction() {
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetTop;
}
</script> Kendin dene " Tanımı ve Kullanımı
OffsetTop özelliği üst konuma döndürür (in pixels) offsetParent elemanının en göre.
döndürülen değeri içerir:
- elemanının üst konum ve kenar
- offsetParent elemanın üst dolgu, kaydırma ve sınır
Not: offsetParent eleman statik dışında bir konuma sahiptir yakın atası.
İpucu: Bir elemanın sol konumunu döndürmek kullanmak için offsetLeft özelliğini.
Tarayıcı Desteği
| özellik | |||||
|---|---|---|---|---|---|
| offsetTop | Evet | 8 | Evet | Evet | Evet |
Sözdizimi
Üst ofset pozisyonunu Dönüş:
object .offsetTop
Teknik detaylar
| Varsayılan değer: | varsayılan değer |
|---|---|
| Geri dönüş değeri: | piksel elemanının üst 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 "