Proprietà offsetLeft dell'Elemento HTML DOM

Definizione e uso

offsetLeft L'attributo restituisce la posizione sinistra rispetto al padre (espressa in pixel). Questo attributo è readonly.

Il valore di ritorno include:

  • Posizione sinistra dell'elemento e margine
  • Margine sinistro interno del padre, barra di scorrimento e bordi

Vedi anche:Corso CSS Box Model

offsetParent

Tutti gli elementi bloccanti riportano l'offset rispetto al padre di scostamento:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Padre di scostamento si riferisce al più vicino antenato con posizione non statica.

Se non esiste un padre di scostamento, l'offset è rispetto al corpo del documento.

Vedi anche:

Proprietà offsetTop

Proprietà offsetWidth

Proprietà offsetHeight

Proprietà offsetParent

Proprietà clientTop

Proprietà clientLeft

Proprietà clientWidth

Proprietà clientHeight

Esempio

Esempio 1

Ottieni la posizione offsetLeft di "myDIV":

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

Prova tu stesso

Esempio 2

Ottieni la posizione di "myDIV":

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

Prova tu stesso

Sintassi

Restituisce la posizione di scostamento:

element.offsetLeft

Valore di ritorno

Tipo Descrizione
Numero Posizione sinistra dell'elemento, espressa in pixel.

Supporto del browser

Tutti i browser supportano element.offsetTop:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto Supporto