Javascript – Modificar la altura (height) de un elemento HTML

Agosto 2017

La propiedad de estilo “height” puede ser usada para modificar la altura de un elemento HTML en javascript. Para ello puedes hacer lo siguiente:

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


Otro método de conocer la altura de un bloque HTML pero sin importar el navegador es:
var height = document.getElementById('id_element').style.height;

Si deseas modificar esta propiedad, deberás especificar “px”.
El siguiente código permite obtener la altura de un bloque HTML dependiendo del navegador:

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


Si deseas recuperar dinámicamente el valor de la altura, deberás añadir “px” a este valor:

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

Consulta también

Publicado por Carlos-vialfa. Última actualización: 6 de abril de 2009 a las 03:22 por Carlos-vialfa.
El documento «Javascript – Modificar la altura (height) de un elemento HTML» se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (es.ccm.net) como tu fuente de información.