Home >Web Front-end >JS Tutorial >How to Get a Div's Height in Pure JavaScript: clientHeight vs. offsetHeight
How to Acquire a Div's Height with Pure JavaScript
If you're attempting to obtain a div's height without incorporating jQuery, this concise guide will equip you with the necessary JavaScript solutions.
Getting Div Height with JavaScript
Using jQuery's .height() method is a popular approach, but plain JavaScript offers equally effective methods. For instance, you can utilize clientHeight or offsetHeight properties:
<code class="javascript">var clientHeight = document.getElementById('myDiv').clientHeight;</code>
Alternatively, you can use offsetHeight:
<code class="javascript">var offsetHeight = document.getElementById('myDiv').offsetHeight;</code>
Property Differences
In summary, if you require the combined height of content and padding, clientHeight is ideal. If you need the total height inclusive of all surrounding elements, employ offsetHeight.
The above is the detailed content of How to Get a Div's Height in Pure JavaScript: clientHeight vs. offsetHeight. For more information, please follow other related articles on the PHP Chinese website!