Recuperar la altura de un div en JavaScript simple

Determinar la altura de un elemento div sin usar jQuery puede representar un desafío. Si bien jQuery ofrece una solución sencilla con su método .height(), puede que no sea el enfoque más eficiente para todos los escenarios. Aquí se explica cómo lograrlo usando JavaScript simple:

Usando clientHeight:

La propiedad clientHeight proporciona la altura del contenido visible del div, excluyendo cualquier barra de desplazamiento o borde. Incluye el relleno aplicado al div. Para recuperarlo, puede usar el siguiente código:

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

Usando offsetHeight:

Alternativamente, la propiedad offsetHeight incluye no solo el relleno sino también la altura de las barras de desplazamiento y los bordes. Esto puede resultar útil en determinadas situaciones:

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

Utilizando la propiedad clientHeight o offsetHeight, puede determinar eficazmente la altura de un elemento div en JavaScript simple, lo que brinda flexibilidad y control sobre su código.