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>
PD: El
artículo original fue escrito por Jeff, contribuidor de
CommentCaMarche