Javascript – Conocer la altura de un elemento HTML

Si deseas determinar la altura (height) de un bloque HTML en javascript, existen dos métodos para hacerlo dependiendo del navegador:
  • element.offsetHeight
  • element.style.pixelHeight


Existe tambien otro método que permite determinar la altura de un bloque HTML cualquiera que sea el navegador:

<script type="text/javascript">
<!--
var divHeight;
var obj = document.getElementById('id_element');

if(obj.offsetHeight)          {divHeight=obj.offsetHeight;}
else if(obj.style.pixelHeight){divHeight=obj.style.pixelHeight;}
//-->
</script>

Artículo original escrito por jak58. Traducido por Carlos-vialfa. Última actualización: 6 de abril de 2009 a las 03:26 por Carlos-vialfa.
El documento «Javascript – Conocer la altura de un elemento HTML» se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (https://es.ccm.net/) como tu fuente de información.
Javascript – Mostrar un mensaje de agradecimiento
Javascript – Modificar la altura (height) de un elemento HTML