Proprietà offsetHeight

La proprietà offsetHeight contiene l'altezza completa dell'elemento (include l'altezza stessa dell'elemento, l'altezza dei bordi, i margini interni, le barre di scorrimento):

Sintassi

javascriptelemento.offsetHeight;

Esempio

Scopriamo le dimensioni complete di un elemento:

html<div id="elem"></div>
css#elem {
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}
javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetHeight);

Risultato dell'esecuzione del codice:

javascript150

Vedi anche

  • proprietà clientHeight,
    che contiene l'altezza dell'elemento all'interno dei bordi
  • proprietà offsetWidth,
    che contiene la larghezza completa dell'elemento
  • metodo getComputedStyle,
    che ottiene il valore della proprietà CSS di un elemento