Propiedad offsetHeight

La propiedad offsetHeight contiene la altura completa del elemento (incluye el ancho propio del elemento, la altura de los bordes, el relleno interior, las barras de desplazamiento):

Sintaxis

javascriptelemento.offsetHeight;

Ejemplo

Vamos a averiguar el tamaño completo del 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);

Resultado de la ejecución del código:

javascript150

Ver también

propiedad clientHeight,
que contiene la altura del elemento dentro de los bordes
propiedad offsetWidth,
que contiene el ancho completo del elemento
método getComputedStyle,
que obtiene el valor de la propiedad CSS del elemento