I'm trying to set the CSS style of an object with the following:

document.getElementById(obj).style='font-weight:bold; color:#333;';

but it's not working. Does anyone have any idea why?

I'm trying to set the CSS style of an object with the following:

document.getElementById(obj).style='font-weight:bold; color:#333;';

but it's not working. Does anyone have any idea why?

• javascript
• css

Share Improve this question Follow edited Jun 29, 2009 at 10:45 paxdiablo 884k241241 gold badges1.6k1.6k silver badges2k2k bronze badges asked Jun 29, 2009 at 10:12 ZA.ZA. 10.5k1010 gold badges3838 silver badges3939 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 8

you can separate

document.getElementById(obj).style.fontWeight='bold';
document.getElementById(obj).style.color='#333';

You need to set the underlying cssText of the style as folows:

document.getElementById('xx').style.cssText='font-weight:bold; color:#333;';

Document's style property is a object, please reference HTML DOM Style Object on W3school