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

javascriptphần tử.offsetLeft;

Ví dụ

Hãy tìm độ lệch của phần tử so với offsetParent của nó:

html<div id="parent" style="position: relative;">
  <div id="elem" style="position: absolute; left: 100px"></div>
</div>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetLeft);

Kết quả thực thi mã:

javascript100

Ví dụ

Các khoảng cách margin cũng được cộng vào độ lệch:

html<div id="parent" style="position: relative;">
  <div id="elem" style="position: absolute; left: 100px; margin: 50px"></div>
</div>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetLeft);

Kết quả thực thi mã:

javascript150

Xem thêm