HTML DOM offsetHeight Propiedad
Objeto ElementoEjemplo
Obtener la altura del elemento div, incluyendo el relleno (padding) y el borde (border):
Pruébalo »
Definición y uso
La propiedad offsetHeight es una propiedad de solo lectura que devuelve la altura en píxeles del elemento. La altura incluye el relleno (padding) y el borde (border), no incluye el margen (margin). Es un número entero, en unidades de píxeles px.
Normalmente, el offsetHeight de un elemento es una medida de la altura CSS del elemento, incluyendo el borde, el relleno y la barra de desplazamiento horizontal del elemento (si existe y está renderizada). No incluye:beforeo:afterla altura de pseudo-elementos, etc.
Para el objeto body del documento, incluye la altura total lineal del contenido en lugar de la altura CSS del elemento. La altura del contenido extendido hacia abajo de los elementos flotantes se ignora.
Si el elemento está oculto (por ejemplo, si el elemento o uno de sus elementos ancestrales tiene la propiedadstyle.displayestablecida ennone), se devuelve 0.
Nota:Para conocer esta propiedad, consulteModelo de caja CSS。
Sugerencia:Esta propiedad normalmente se utiliza junto conoffsetWidthla propiedad.
Sugerencia:Utilice clientHeightyclientWidthlas propiedades para devolver la altura y el ancho visibles del elemento, incluyendo solo el relleno (padding).
Sugerencia:Para agregar una barra de desplazamiento a un elemento, puede usaroverflowla propiedad.
Esta es una propiedad de solo lectura.
Compatibilidad del navegador
| Propiedad | |||||
|---|---|---|---|---|---|
| offsetHeight | Yes | Yes | Yes | Yes | Yes |
Sintaxis
element.offsetHeight
Detalles técnicos
| Valor de retorno: | Devuelve un número entero que representa la altura en píxeles del elemento. |
|---|
Más ejemplos
Ejemplo
El siguiente ejemplo demuestra la diferencia entre las propiedades clientHeight/clientWidth y offsetHeight/offsetWidth:
Pruébalo »
Ejemplo
El siguiente ejemplo demuestra la diferencia entre las propiedades clientHeight/clientWidth y offsetHeight/offsetWidth después de agregar una barra de desplazamiento al elemento:
Pruébalo »
Otras extensiones