Thuộc tính offsetTop
Thuộc tính offsetTop chứa độ lệch
của phần tử từ phía trên so với offsetParent.
Nó chứa khoảng cách từ offsetParent đến đường viền
của phần tử.
Cú pháp
phần_tử.offsetTop;
Ví dụ
Hãy tìm độ lệch của phần tử so với
offsetParent của nó:
<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);
Kết quả thực thi mã:
100
Ví dụ
Khoảng cách margin
cũng được cộng vào độ lệch:
<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);
Kết quả thực thi mã:
150
Xem thêm
-
thuộc tính
offsetLeft,
chứa độ lệch của phần tử từ bên trái -
phương thức
getBoundingClientRect,
tìm độ lệch của phần tử
