Cómo modificar la altura de un elemento HTML en Javascript

La propiedad de estilo "height" de Java, puede ser utilizada para modificar la altura de un elemento HTML. En este artículo te enseñamos cómo emplearla.

¿Cómo conocer la altura de un elemento?

Un método de conocer la altura de un bloque HTML compatible con la mayoría de navegadores actuales es el siguiente:

var elem = document.getElementById('id_element').style.height;

¿Cómo modificar la altura de un elemento?

Si deseas modificar esta propiedad deberás especificar los píxeles.

El siguiente código permite modificar la altura de un bloque HTML a 500px:

document.getElementById("id_element").style.height = "500px";