In this example Chrome sets the background red, firefox and IE do not.

Trying:

document.getElementById("firefoxDiv").style['backgroundColor'] = "Red";

and

document.getElementById("firefoxDiv").style['background-color'] = "Red";

I would much rather be able to use the same syntax used in external CSS background-color vs inline using javascript .style.backgroundColor =

Thanks for your help!

Note: NO jQuery please.

In this example Chrome sets the background red, firefox and IE do not.

Trying:

document.getElementById("firefoxDiv").style['backgroundColor'] = "Red";

and

document.getElementById("firefoxDiv").style['background-color'] = "Red";

I would much rather be able to use the same syntax used in external CSS background-color vs inline using javascript .style.backgroundColor =

Thanks for your help!

Note: NO jQuery please.

• javascript
• css
• firefox

• 1 @ZoltanToth I'm confused as to if you've read the question? – jeremy Commented Sep 4, 2012 at 22:43

1 Answer 1

Use .style.setProperty(propertyName, value [, priority]) instead of an expando property.

Example:

document.getElementById("firefoxDiv").style.setProperty('background-color', 'red');