Modificar a altura (height) de um elemento HTML

Faça uma pergunta
Modificar a altura (height) de um elemento HTML


Para modificar a altura de um elemento HTML em javascript, basta utilizar sua propriedade de estilo "height".


Para tanto você pode fazer aí referência da seguinte maneira:


Se você desejar conhecer a altura (height) de um bloco HTML, existe duas maneiras de acordo com os navegadores:
  • element.offsetHeight
  • element.style.pixelHeight



Assim o seguinte código permite obter a altura de um bloco HTML de qualquer navegador:
var height = document.getElementById('id_element').style.height;

Note que se você quiser modificar esta propriedade, basta especificar « px ».
Assim, o seguinte código permite obter a altura de um bloco HTML de acordo com o navegador:

<script type="text/javascript"> 
<!-- 
var obj = document.getElementById('id_element'); 
obj.style.height = "502px"; 
//--> 
</script> 


S você recuperar dinamicamente o valor da altura, você deve então concatenar « px » a este valor :

<script type="text/javascript"> 
<!-- 
var obj = document.getElementById('id_element'); 
obj.style.height = height+"px"; 
//--> 
</script> 


Jean-François Pillou

Nosso conteúdo é produzido em colaboração com especialistas em tecnologia da informação sob o comando de Jean-François Pillou, fundador do CCM.net e diretor digital do Grupo Figaro. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.

Mais informações sobre a equipe do CCM