Javascript - Conhecer a altura de um elemento HTML

Faça uma pergunta

Se você quiser conhecer a altura (height) de um bloco HTML em javascript, existem duas maneiras, dependendo dos navegadores:
  • element.offsetHeight
  • element.style.pixelHeight



Assim, o seguinte código permite obter a altura de um bloco de HTML, seja qual for o navegador:

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

if(obj.offsetHeight)          {divHeight=obj.offsetHeight;} 
else if(obj.style.pixelHeight){divHeight=obj.style.pixelHeight;} 
//--> 
</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