English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Proprietà offsetLeft dell'HTML DOM

Oggetto Elemento HTML DOM

offsetLeftProprietà di sola lettura che ottiene la distanza tra il bordo esterno sinistro dell'elemento e il bordo interno sinistro dell'elemento offsetParent (in pixel).

Il valore restituito include:

  • La posizione laterale sinistra e il margine dell'elemento

  • Il riempimento laterale sinistro dell'elemento offsetParent, la barra di scorrimento e i bordi

Nota:QuestooffsetParentGli elementi sono la posizione più vicina del genitore statico.

Per ottenere la posizione superiore dell'elemento, utilizzareoffsetTopProprietà.

Sintassi:

element.offsetLeft
var myBox = document.getElementById("box");
document.getElementById("result").innerHTML = myBox.offsetLeft;
Prova a vedere‹/›

Compatibilità browser

Tutti i browser supportano completamente la proprietà offsetLeft:

Proprietà
offsetLeft

Dettagli tecnici

Valore di ritorno:Un numero che rappresenta la posizione laterale dell'elemento, in pixel
Versione DOM:Modello Oggetto CSS (CSSOM)

Più esempi

Restituisci la posizione dell'elemento DIV:

var myBox = document.getElementById("box");
var x = document.getElementById("result");
x.innerHTML = "offsetLeft: " + myBox.offsetLeft + "<br>offsetTop: " + myBox.offsetTop;
Prova a vedere‹/›

Referenze correlate

Referenza HTML DOM:Proprietà offsetHeight

Referenza HTML DOM:Proprietà offsetWidth

Referenza HTML DOM:Proprietà offsetTop

Referenza HTML DOM:Proprietà offsetParent

Oggetto Elemento HTML DOM