Check element CSS display with JavaScript

by

As sdleihssirhc says below, if the element’s display is being inherited or being specified by a CSS rule, you’ll need to get its computed style:

return window.getComputedStyle(element, null).display;

Elements have a style property that will tell you what you want, if the style was declared inline or with JavaScript:

console.log(document.getElementById('someIDThatExists').style.display);

will give you a string value.

More Related Contents:

  1. JS hide function error
  2. How to read with JavaScript [closed]
  3. How to implement something like this GIF that using mouse drag and select items
  4. Javascript counting all the characters from a HTML document
  5. Set cookie and get cookie with JavaScript [duplicate]
  6. Load and execution sequence of a web page?
  7. Disabling browser print options (headers, footers, margins) from page?
  8. CSS transition doesn’t start/callback isn’t called
  9. JSFiddle code not working in my own page
  10. All About…. Z-Index?
  11. Get the device width in javascript
  12. How to get the actual rendered font when it’s not defined in CSS?
  13. Why my show hide button needs double-click on first time
  14. How to create a sticky navigation bar that becomes fixed to the top after scrolling
  15. Access CSS variable from javascript [duplicate]
  16. How to show a running progress bar while page is loading
  17. How to print HTML content on click of a button, but not the page? [duplicate]
  18. jQuery Validation using the class instead of the name value
  19. How to make jQuery to not round value returned by .width()?
  20. Access CSS file contents via JavaScript
  21. Dark mode flickers a white background for a millisecond on reload
  22. How to create checkbox inside dropdown?
  23. How to trigger CSS “hover state” using Javascript? [duplicate]
  24. Preventing Child from firing parent’s click event
  25. Gaussian Blur onHover Using jQuery
  26. HTML5 input required, scroll to input with fixed navbar on submit
  27. CKEditor: Class or ID for editor body
  28. Get Element StyleSheet Style in JavaScript
  29. Performance impact of using css / javascript source-maps in production?
  30. Getting a sticky header to “push up”, like in Instagram’s iPhone app using CSS and jQuery

Leave a Comment