JavaScript get background color in variable [duplicate]

Question

I've been trying to get a fade in and out for a background image for a site, and I have been trying to get the background color of a div into a variable, this is what I've tried:

 elem = document.getElementById('nav');
 bgColor = elem.style.backgroundColor;

But once I try to alert the variable bgColor like: alert(bgColor) all I get alerted is empty in the text box. I've looked around on some Stack questions and I've tried everything that is told there and it doesn't seem to put the physical color into a variable.

window.getComputedStyle()

Andreas
– Andreas

2016-03-24 10:56:50 +00:00
Commented Mar 24, 2016 at 10:56 — Andreas
– Andreas, Commented Mar 24, 2016 at 10:56

Alteyss · Accepted Answer · 2016-03-24 10:59:35Z

0

window.getComputedStyle is the solution. Otherwise you'll get the "direct" styles that are empty.

answered Mar 24, 2016 at 10:59

Alteyss

5133 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JavaScript get background color in variable [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related