Свойство offsetLeft
Свойството offsetLeft съдържа лявото
отместване на елемент спрямо offsetParent.
Съдържа разстоянието от offsetParent до границата
на елемента.
Синтаксис
елемент.offsetLeft;
Пример
Нека намерим отместването на елемент спрямо
своя offsetParent:
<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);
Резултат от изпълнението на кода:
100
Пример
Отстъпите margin
също се сумират в отместването:
<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);
Резултат от изпълнението на кода:
150
Вижте също
-
свойство
offsetTop,
което съдържа отместването на елемента отгоре -
метод
getBoundingClientRect,
който намира отместването на елемент
