Get div height with plain JavaScript

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

or

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

clientHeight includes padding.

offsetHeight includes padding, scrollBar and borders.

More Related Contents:

  1. Why does not javascript show the output when button is clicked
  2. Pure JavaScript toggle for select / deselect all checkboxes [duplicate]
  3. Create a field to accept tags HTML/JS [closed]
  4. Can I hide the HTML5 number input’s spin box?
  5. Can I have an element with an ID that starts with a number?
  6. How To Get Font Size in HTML
  7. Cache busting via params
  8. Simulation background-size: cover in canvas
  9. How to Increase browser zoom level on page load?
  10. How to select nth line of text (CSS/JS)
  11. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  12. execCommand() is now obsolete, what’s the alternative?
  13. How to create a custom scrollbar on a div (Facebook style)
  14. Have a div cling to top of screen if scrolled down past it [duplicate]
  15. HTML book-like pagination
  16. Creating a select box with a search option
  17. Passing mouse clicks through an overlaying element
  18. Highcharts – issue about full chart width
  19. Fill available spaces between labels with dots or hyphens
  20. How to make text over flow into two columns automatically
  21. How to resize Twitter Bootstrap modal dynamically based on the content
  22. Wait cursor over entire html page
  23. Retain scrollbar position even after reloading using javascript
  24. How can I make an image carousel with only CSS?
  25. HTML5 Drag and Drop – No transparency?
  26. How do I hide the address bar on iPhone?
  27. CSS: Select element only if a later sibling exists
  28. input:invalid css rule is applied on page load
  29. How to show calendar popup when input[type=”date”] is on focus
  30. In jQuery mobile, what’s the diff between tap and vclick?

Leave a Comment