Properti offsetTop
Properti offsetTop berisi offset
atas elemen relatif terhadap offsetParent.
Berisi jarak dari offsetParent ke batas
elemen.
Sintaks
elemen.offsetTop;
Contoh
Mari kita cari offset elemen relatif terhadap
offsetParent-nya:
<div id="parent" style="position: relative;">
<div id="elem" style="position: absolute; top: 100px;"></div>
</div>
let elem = document.querySelector('#elem');
console.log(elem.offsetTop);
Hasil eksekusi kode:
100
Contoh
Jarak margin
juga dijumlahkan dalam offset:
<div id="parent" style="position: relative;">
<div id="elem" style="position: absolute; top: 100px; margin: 50px;"></div>
</div>
let elem = document.querySelector('#elem');
console.log(elem.offsetTop);
Hasil eksekusi kode:
150
Lihat juga
-
properti
offsetLeft,
yang berisi offset kiri elemen -
metode
getBoundingClientRect,
yang mencari offset elemen