Reading non-inline CSS style info from Javascript

by

The style property of a DOM element refers only to the element’s inline styles.

Depending on the browser, you can get the actual style of an element using DOM CSS

In firefox, for example:

var body = document.getElementsByTagName("body")[0];
var bg = window.getComputedStyle(body, null).backgroundColor;

Or in IE:

var body = document.getElementsByTagName("body")[0];
var bg = body.currentStyle.backgroundColor;

More Related Contents:

  1. Fade animation while scrolling
  2. Get the longest text in HTML document using Jquery or javascript
  3. How do you read CSS rule values with JavaScript?
  4. jQuery SVG, why can’t I addClass?
  5. Setting background-image using jQuery CSS property
  6. How to get the background color code of an element in hex?
  7. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  8. Bootstrap 4 File Input
  9. Shrink DIV to text that’s wrapped to its max-width?
  10. Read :hover pseudo class with javascript
  11. How to ONLY trigger parent click event when a child is clicked
  12. Detect fullscreen mode
  13. Count down timer with circular progress bar
  14. Count animation from number A to B
  15. Positioning divs in a circle using JavaScript
  16. How to dynamically modify in materialize css framework
  17. How can I detect when a new element has been added to the document in jquery?
  18. JavaScript Loading Screen while page loads
  19. Materialize CSS – Select Doesn’t Seem to Render
  20. How can I animate a progressive drawing of svg path?
  21. Change text color based on brightness of the covered background area?
  22. jQuery – Sticky header that shrinks when scrolling down
  23. How do I make an “else” in an IE HTML conditional?
  24. Dynamically add css to page via javascript
  25. What are some good css and js minimizers for production code? [closed]
  26. How do I get the position of an element after css3 translation in JavaScript?
  27. Delay Removing a Class in Jquery [duplicate]
  28. How to style canvas elements with CSS
  29. How can I determine the background image URL of a div via JavaScript?
  30. How to encrypt HTML, CSS and JavaScript to prevent copyright infringement [duplicate]

Leave a Comment