Propiedad offsetHeight del DOM HTML

Objeto Elemento de HTML DOM

offsetHeightPropiedad de solo lectura que devuelve la altura del elemento en forma de entero, incluyendo el relleno vertical y el borde.

Por lo general, offsetHeight es la medida en píxeles de la altura CSS del elemento, incluyendo cualquier borde, relleno y barra de desplazamiento horizontal (si hay). No incluye la altura de los elementos pseudo, como:: beforeo:: after.

Para entender esta propiedad, debes entenderModelo de caja CSS.

Se utilizaclientHeightyclientWidthLa propiedad devuelve la altura y anchura visibles del elemento, incluyendo el relleno, pero sin incluir el borde, el margen y la barra de desplazamiento (si existe).

Sintaxis:

element.offsetHeight

var elem = document.querySelector("div");
var txt = "Altura que incluye padding"　+border: ""　+　elem.offsetHeight　+　"px<br>";
txt　+= "Ancho que incluye padding"　+　border: ""　+　elem.offsetWidth　+　"px";

Compatibilidad del navegador

Todos los navegadores admiten completamente la propiedad offsetHeight:

Detalles técnicos

Más ejemplos

Este ejemplo muestra la diferencia entre clientHeight y offsetHeight:

var elem = document.querySelector("div");
var txt = "Altura incluyendo padding: "　+　elem.clientHeight　+　"px<br>";
txt　+= "Altura" incluyendo "padding"　+　border: ""　+　elem.offsetHeight　+　"px";

Referencias relacionadas

Referencia de HTML DOM:Propiedad offsetWidth

Referencia de HTML DOM:Propiedad offsetLeft

Referencia de HTML DOM:Propiedad offsetTop

Referencia de HTML DOM:Propiedad offsetParent

Objeto Elemento de HTML DOM