Sometimes, we want to get a div height with plain JavaScript.
In this article, we’ll look at how to get a div height with plain JavaScript.
How to get a div height with plain JavaScript?
To get a div height with plain JavaScript, we use the clientHeight or offsetHeight property.
For instance, we write
const clientHeight = document.getElementById("myDiv").clientHeight;
const offsetHeight = document.getElementById("myDiv").offsetHeight;
to select the div with getElementById.
Then we get its height with clientHeight or offsetHeight.
clientHeight includes padding.
And offsetHeight includes the heights of the padding, scrollBar and borders.
Conclusion
To get a div height with plain JavaScript, we use the clientHeight or offsetHeight property.
