Thuộc tính offsetLeft
Thuộc tính offsetLeft chứa độ lệch bên trái
của phần tử so với offsetParent.
Nó chứa khoảng cách từ offsetParent đến viền
của phần tử.
Cú pháp
phần tử.offsetLeft;
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; left: 100px"></div>
</div>
let elem = document.querySelector('#elem');
console.log(elem.offsetLeft);
Kết quả thực thi mã:
100
Ví dụ
Các 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; left: 100px; margin: 50px"></div>
</div>
let elem = document.querySelector('#elem');
console.log(elem.offsetLeft);
Kết quả thực thi mã:
150
Xem thêm
-
thuộc tính
offsetTop,
chứa độ lệch của phần tử từ phía trên -
phương thức
getBoundingClientRect,
tìm độ lệch của phần tử
