Get div height with vanilla JavaScript

JavascriptFront End TechnologyObject Oriented Programming

You can use 2 properties, clientHeight and offsetHeight to get the height of the div.

clientHeight includes padding of the div.

offsetHeight includes padding, scrollBar, and borders of the div.

Example

For example, if you have the following HTML −

<div id="myDiv" height="400px"></div>

You can get the height using −

const height = document.querySelector('#myDiv').offsetHeight
console.log(height)

Output

This will give the output −

400
raja
Published on 02-Dec-2019 10:25:20
Advertisements