How to change a style property with javascript and DOM

[Lepper]

I use the following but it doesn't work

document.getElementById("myThing").style.background-color = "yellow";

However, this style property does work:

document.getElementById("myThing").style.display = "block";

Am I accessing wrong the property background-color?Thanks!

[pulpfiction]

Try thisdocument.getElementById('myThing').style.backgroundColor = '#FF0000';Reason your code is not working is, Javascript considers hyphen as subtraction (minus) "background-color"

[aspnetguy]

just to explain why.Javascript doesn't allow (-) in member names ( a member is a property or function of an object) so you need to use camleCase.You will run into a problem with the float property aswell so you will need to do something like the following.

//float is a keyword in other browsers besides IE so you have to account for thatif(navigator.appName == "Microsoft Internet Explorer")  document.getElementById('myThing').style.float = 'left';else  document.getElementById('myThing').style.cssFloat = 'left';