Propiedad offsetLeft
La propiedad offsetLeft contiene el desplazamiento
izquierdo del elemento respecto a offsetParent.
Contiene la distancia desde offsetParent hasta el borde
del elemento.
Sintaxis
elemento.offsetLeft;
Ejemplo
Encontremos el desplazamiento del elemento respecto a
su 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);
Resultado de ejecutar el código:
100
Ejemplo
Los márgenes margin
también se suman al desplazamiento:
<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);
Resultado de ejecutar el código:
150
Ver también
-
propiedad
offsetTop,
que contiene el desplazamiento superior del elemento -
método
getBoundingClientRect,
que encuentra el desplazamiento del elemento
