Recuperando a altura do div em JavaScript simples

Determinar a altura de um elemento div sem usar jQuery pode representar um desafio. Embora o jQuery ofereça uma solução direta com seu método .height(), pode não ser a abordagem mais eficiente para todos os cenários. Veja como fazer isso usando JavaScript simples:

Usando clientHeight:

A propriedade clientHeight fornece a altura do conteúdo visível do div, excluindo quaisquer barras de rolagem ou bordas. Inclui o preenchimento aplicado ao div. Para recuperá-lo, você pode usar o seguinte código:

var clientHeight = document.getElementById('myDiv').clientHeight;

Using offsetHeight:

Alternativamente, a propriedade offsetHeight inclui não apenas o preenchimento, mas também a altura das barras de rolagem e bordas. Isso pode ser útil em certas situações:

var offsetHeight = document.getElementById('myDiv').offsetHeight;

Ao utilizar a propriedade clientHeight ou offsetHeight, você pode determinar com eficácia a altura de um elemento div em JavaScript simples, proporcionando flexibilidade e controle sobre seu código.