1
Gracias

Unas palabras de agradecimiento nunca están de más.

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:
  • 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>

1
Gracias

Unas palabras de agradecimiento nunca están de más.

Haz una pregunta
Nuestros contenidos son redactados en colaboración con expertos del ámbito tecnológico bajo la dirección de Jean-François Pillou, fundador de CCM.net y director digital en el Grupo Figaro. CCM es un sitio de tecnología líder a nivel internacional y está disponible en 11 idiomas.
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.

0 Comentario