How to get height of div in px dimension

Use .height() like this:

var result = $("#myDiv").height();

There’s also .innerHeight() and .outerHeight() depending on exactly what you want.

You can test it here, play with the padding/margins/content to see how it changes around.

Related Posts:

  1. How can I scroll to an element using jQuery?
  2. Bootstrap Dropdown menu is not working
  3. Change Background color (css property) using Jquery
  4. Set timeout for ajax (jQuery)
  5. Use images like checkboxes
  6. Uncaught TypeError: Cannot read property ‘top’ of undefined
  7. Why is the jquery script not working?
  8. Refresh/reload the content in Div using jquery/ajax
  9. How to display raw JSON data on a HTML page
  10. Why is jquery show() not working in example
  11. jQuery scrollTop() method not working
  12. Fully responsive HTML5 video
  13. How to use aria-expanded=”true” to change a css property
  14. How to set “style=display:none;” using jQuery’s attr method?
  15. Failed to load resource: the server responded with a status of 404 (Not Found)
  16. Failed to load resource: the server responded with a status of 404 (Not Found)
  17. How do I check whether a checkbox is checked in jQuery?
  18. ReferenceError: $ is not defined
  19. Remove class using jQuery
  20. How do I check whether a checkbox is checked in jQuery?
  21. jQuery.click() vs onClick
  22. Check if checkbox is checked with jQuery
  23. How to add jQuery code into HTML Page
  24. How can I get the data-id attribute?
  25. Check if checkbox is checked with jQuery
  26. jquery SlideToggle effect in upward direction?
  27. Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
  28. Get class name using jQuery
  29. How does the data-toggle attribute work? (What’s its API?)
  30. CSS height 100% percent not working
  31. Adding images to a Bootstrap Carousel with AJAX
  32. How to read xml file contents in jQuery and display in html elements?
  33. JavaScript Loading Screen while page loads
  34. Completely disable scrolling of webpage
  35. Jquery swipe left or right on mobile
  36. How to move an element into another element?
  37. Setting background-image using jQuery CSS property
  38. How to convert selected HTML to Json?
  39. How to Open New window on every Click
  40. How can I select an element by name with jQuery?
  41. Full-screen iframe with a height of 100%
  42. How to print HTML content on click of a button, but not the page?
  43. jQuery disable/enable submit button
  44. How to move an element after another element using JS or jquery?
  45. Equivalent of jQuery .hide() to set visibility: hidden
  46. Bootstrap 4 Dropdown Menu not working?
  47. TypeError: $(…).modal is not a function with bootstrap Modal
  48. document.getElementsByClassName().innerHTML always returns “undefined”
  49. TypeError: $(…).DataTable is not a function
  50. Textarea Auto height
  51. HTML text input allow only numeric input
  52. Why is marquee deprecated and what is the best alternative?
  54. Print the contents of a DIV
  55. How to write inside a DIV box with javascript
  56. Embedding instagram webpage inside an iframe
  57. Set value to currency in
  58. jQuery: Uncaught Error: Syntax error, unrecognized expression
  59. SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
  60. How to use in jQuery :not and hasClass() to get a specific element without a class
  61. Crop the image using JavaScript
  62. HTML Entity Decode
  63. Retrieve the position (X,Y) of an HTML element
  64. Clearing my form inputs after submission
  65. Reload an iframe with jQuery
  66. How to scroll an HTML page to a given anchor
  67. Highlight a word with jQuery
  68. How do I refresh a DIV content?
  69. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  70. how to display a div triggered by onclick event
  71. jQuery sort elements using data id
  72. FormData append not working
  73. getContext is not a function
  74. How to change the text of a label?
  75. Change an image with onclick()
  76. JavaScript – Count Number of Visitor for Website
  77. Get the size of the screen, current web page and browser window
  78. Creating Accordion Table with Bootstrap
  79. Using “&times” word in html changes to ×
  80. Closing Bootstrap modal onclick
  81. Fire oninput event with jQuery
  82. Changing the selected option of an HTML Select element
  83. How to create checkbox inside dropdown?
  84. How to change cursor from pointer to finger using jQuery?
  85. Adding Google Translate to a web site
  86. How to scroll to top of page with JavaScript/jQuery?
  87. Cannot read property ‘style’ of undefined — Uncaught Type Error
  88. How can I remove a style added with .css() function?
  89. How to make HTML element resizable using pure Javascript?
  90. WordPress Bootstrap Handburger Menu Wont Open
  91. Show post in slider
  92. Putting custom html/js page into Elementor as it’s own block
  93. Add other class content with reference class value
  94. How to run Javascript popup modal in a loop?
  95. Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
  96. jQuery for Fade Preload Causes My Site Favicon to Disappear from Tab of Browser
  97. Site images are fixed in front of my site content [closed]
  98. Possible jquery / library conflict in plugin usage
  99. Element works, but not on wordpress site [duplicate]
  100. Styling parent based on a child element of a child in a WordPress page

Leave a Comment