Menu
  1. Accueil
  2. Trucos
  3. Webmaster
  4. Javascript
Gracias
1
Gracias

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

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

Última actualización: por Carlos Villagómez.
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>

Gracias
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