style.backgroundColor is an empty string in JavaScript

by

Unless you have directly defined the backgroundColor on the element itself, you have to use getComputedStyle() or currentStyle to get the value of a style property.

A method that is compatible with multiple browsers would look like this:

function getStyle(el,styleProp)
{
    if (el.currentStyle)
        return el.currentStyle[styleProp];

    return document.defaultView.getComputedStyle(el,null)[styleProp];
}

You can see a working example on jsFiddle.

More information:

  • See this page for more information about getComputedStyle().
  • See this page for more information about currentStyle (IE).
  • See this page for more information about browser compatibility issues.

More Related Contents:

  1. What is the difference between properties and attributes in HTML?
  2. How to set same value for all the text fields with same name attribute using Javascript?
  3. How to check the value of input [closed]
  4. Preserve browser window aspect ratio while shrinking [closed]
  5. How can i create html automatic change page? [duplicate]
  6. Changing website favicon dynamically
  7. Detecting input change in jQuery?
  8. How to draw an inline svg (in DOM) to a canvas?
  9. Chrome counts characters wrong in textarea with maxlength attribute
  10. Programmatically trigger “select file” dialog box
  11. How do I preserve line breaks when getting text from a textarea?
  12. How to get browser width using JavaScript code?
  13. How to add Drop-Down list () programmatically?
  14. Ignore mouse interaction on overlay image
  15. HTML table with fixed headers and a fixed column? [closed]
  16. How to break line in JavaScript?
  17. HTML Mobile -forcing the soft keyboard to hide
  18. Web Workers and Canvas
  19. Convert html table to array in javascript
  20. HTML Drag And Drop On Mobile Devices
  21. Dynamically creating a specific number of input form elements
  22. How to disable submit button once it has been clicked?
  23. How do I use this JavaScript variable in HTML?
  24. Modal image galleries – multiple images
  25. Scroll / Jump to id without jQuery
  26. is it possible to add or inside an tag? [duplicate]
  27. Redirect html5 video after play
  28. Why multiple datepicker not working?
  29. How to talk to UDP sockets with HTML5?
  30. jQuery when element becomes visible [duplicate]

Leave a Comment