Atributo offsetLeft del elemento HTML DOM

Definición y uso

offsetLeft El atributo devuelve la posición izquierda en relación con el padre (en píxeles). Este atributo es de solo lectura.

El valor devuelto incluye:

  • Posición izquierda del elemento y margen externo
  • Margen izquierdo interno del padre, barras de desplazamiento y bordes

Véase también:Tutoriales del modelo de cuadro CSS

offsetParent

Todos los elementos de bloque informan las posiciones de desplazamiento con respecto al padre de desplazamiento:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

El padre de desplazamiento es el antepasado más cercano con una posición no estática.

Si no existe el padre de desplazamiento, el desplazamiento es con respecto al texto del documento.

Véase también:

Atributo offsetTop

Atributo offsetWidth

Atributo offsetHeight

Atributo offsetParent

Atributo clientTop

Atributo clientLeft

Atributo clientWidth

Atributo clientHeight

Ejemplo

Ejemplo 1

Obtener la posición offsetLeft de "myDIV":

const element = document.getElementById("myDIV");
let pos = element.offsetLeft;

Intente usted mismo

Ejemplo 2

Obtener la posición de "myDIV":

const element = document.getElementById("myDIV");
let pos1 = element.offsetTop;
let pos2 = element.offsetLeft;

Intente usted mismo

Sintaxis

Devuelve la posición izquierda:

element.offsetLeft

Valor devuelto

Tipo Descripción
Número La posición izquierda del elemento, en píxeles.

Compatibilidad del navegador

Todos los navegadores lo admiten element.offsetTop:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte Soporte