Javascript – Modificar la altura (height) de un elemento HTML
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:
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:
Si deseas recuperar dinámicamente el valor de la altura, deberás añadir “px” a este valor:
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
- Javascript – Modificar la altura (height) de un elemento HTML
- Javascript – Conocer la altura de un elemento HTML » Fichas prácticas - Javascript
- Javascript - Buscar elementos por IDs » Fichas prácticas - Javascript
- Este elemento ya no esta ubicado (Resuelto) » Foros - Windows 7
- Como modificar un pdf (Resuelto) » Foros - PDF
- Modificar pdf » Fichas prácticas - Ofimática
Publicado por Carlos-vialfa.
Última actualización: 6 de abril de 2009 a las 03:22 por Carlos-vialfa.