jQuery get the rendered height of an element?

by

Try one of:

var h = document.getElementById('someDiv').clientHeight;
var h = document.getElementById('someDiv').offsetHeight;
var h = document.getElementById('someDiv').scrollHeight;

clientHeight includes the height and vertical padding.

offsetHeight includes the height, vertical padding, and vertical borders.

scrollHeight includes the height of the contained document (would be greater than just height in case of scrolling), vertical padding, and vertical borders.

More Related Contents:

  1. Get height of div with no height set in css
  2. What will be selector for multi class HTML element in CSS or JQuery?
  3. CSS Trouble adding border
  4. Why is my jQuery :not() selector not working in CSS?
  5. jQuery change class name
  6. Auto-scaling input[type=text] to width of value?
  7. Bind event to right mouse click
  8. Bootstrap 3 Collapse show state with Chevron icon
  9. jQuery or CSS selector to select all IDs that start with some string [duplicate]
  10. Find text string in jQuery and make it bold
  11. Can I change the scroll speed using css or jQuery?
  12. Set width of a “Position: fixed” div relative to parent div
  13. What CSS3 selectors does jQuery really support, e.g. :nth-last-child()?
  14. expand/collapse table rows with JQuery
  15. How to take id as selector when used hash?
  16. auto resize text (font size) when resizing window?
  17. Mobile site – force landscape only / no auto-rotate
  18. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery [closed]
  19. Check, using jQuery, if an element is ‘display:none’ or block on click
  20. How do I get the height of a div’s full content with jQuery?
  21. Creating a hole in a element
  22. How to change height div on window resize?
  23. Apply CSS to jQuery Dialog Buttons
  24. Google Chrome viewport-anchored expand direction with flexbox
  25. Use jQuery to Detect Container Overflow?
  26. Overriding CSS styles of the jQuery UI Tooltip widget
  27. JQuery search in static HTML page with highlighting of found word
  28. The .fadeOut() method to use visibility property instead of display property
  29. Bootstrap Carousel showing next and previous image
  30. Possible to have a floating horizontal scrollbar?

Leave a Comment