Propriété offsetLeft
La propriété offsetLeft contient le décalage gauche
de l'élément par rapport au offsetParent.
Elle contient la distance entre le offsetParent et la bordure
de l'élément.
Syntaxe
élément.offsetLeft;
Exemple
Trouvons le décalage d'un élément par rapport
à son 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);
Résultat de l'exécution du code :
100
Exemple
Les marges margin
sont également additionnées dans le décalage :
<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);
Résultat de l'exécution du code :
150
Voir aussi
-
la propriété
offsetTop,
qui contient le décalage de l'élément depuis le haut -
la méthode
getBoundingClientRect,
qui trouve le décalage de l'élément
