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
elemento.offsetHeight;
Ejemplo
Vamos a averiguar el tamaño completo del elemento:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetHeight);
Resultado de la ejecución del código:
150
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
