Get div height with plain JavaScript

Question

Any ideas on how to get a div's height without using jQuery?

I was searching Stack Overflow for this question and it seems like every answer is pointing to jQuery's .height().

I tried something like myDiv.style.height, but it returned nothing, even when my div had its width and height set in CSS.

Answer 1

Try using the code given below: 

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

Or else, you can use this code:

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

clientHeight includes padding.

offsetHeight includes padding, scrollBar, and borders.