Proprietatea offsetLeft
Proprietatea offsetLeft conține offset-ul stâng
al elementului relativ la offsetParent.
Conține distanța de la offsetParent până la marginea
elementului.
Sintaxă
element.offsetLeft;
Exemplu
Să găsim offset-ul elementului relativ
la offsetParent-ul său:
<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);
Rezultatul executării codului:
100
Exemplu
Marginile margin
de asemenea se adună în offset:
<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);
Rezultatul executării codului:
150
Vezi și
-
proprietatea
offsetTop,
care conține offset-ul elementului de sus -
metoda
getBoundingClientRect,
care găsește offset-ul elementului
