How to access css properties in javascript when applied via external CSS file?

by

You can only access style properties in Javascript that have been set via Javascript (or the style attr).

To access the elements current style you should fetch the computed style of the element.

var el = document.getElementById('hello');
var comp = el.currentStyle || getComputedStyle(el, null);
alert( comp.backgroundColor );

Note, that the computed style may vary in browsers (like color being in hex or rgb) so you should normalize that if you want unified results.

More Related Contents:

  1. Close ad to continue as free user?
  2. How to add a black shadow on top of a div block with background image?
  3. How to read with JavaScript [closed]
  4. Javascript counting all the characters from a HTML document
  5. How do you read CSS rule values with JavaScript?
  6. Disabling browser print options (headers, footers, margins) from page?
  7. HTML selected option background-color CSS style
  8. How to dynamically create ‘@-Keyframe’ CSS animations?
  9. Infinity Loop Slider Concepts
  10. Make anchor link go some pixels above where it’s linked to
  11. Where should I put the CSS and Javascript code in an HTML webpage?
  12. Text blinking jQuery
  13. Opening new window in HTML for target=”_blank”
  14. Shrink DIV to text that’s wrapped to its max-width?
  15. jQuery vs document.querySelectorAll
  16. How to ONLY trigger parent click event when a child is clicked
  17. Why scripts at the end of body tag
  18. How can I detect when a new element has been added to the document in jquery?
  19. JavaScript Loading Screen while page loads
  20. How to Toggle a div’s visibility by using a button click
  21. How to disable elements selection and resizing in contenteditable div?
  22. jQuery – Sticky header that shrinks when scrolling down
  23. Show text letter by letter
  24. Large dynamically sized html table with a fixed scroll row and fixed scroll column
  25. jQuery: Change element type from hidden to input
  26. How did YouTube create a fluid video player?
  27. Center an Image vertically and horizontally using CSS
  28. Change background on button click, using CSS only? [duplicate]
  29. Jquery/Javascript Opacity animation with scroll
  30. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?

Leave a Comment