Javascript - Conhecer a altura de um elemento HTML

Dezembro 2016


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>



Tradução feita por Lucia Maurity y Nouira


Veja também

Artigo original publicado por . Tradução feita por pintuda. Última modificação: 8 de junho de 2011 às 14:57 por pintuda.
Este documento, intitulado 'Javascript - Conhecer a altura de um elemento HTML', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.