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