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?
views:
196answers:
3
+6
A:
You need to set the underlying cssText of the style as folows:
document.getElementById('xx').style.cssText='font-weight:bold; color:#333;';
ZA
2009-06-29 10:14:08
I know a lot, but I never knew you could set cssText much the same way as innerHTML works. Nice to know.
joebert
2009-06-29 10:51:09
Just wanted to add that this will reset any other styles you have associated with your element xx.
Alec Smart
2009-06-29 10:51:17
AFAIK only IE needs this syntax, all other browsers work by just setting the .style value.
scunliffe
2009-06-29 11:17:49
+8
A:
you can separate
document.getElementById(obj).style.fontWeight='bold';
document.getElementById(obj).style.color='#333';
Haim Evgi
2009-06-29 10:14:17
The property is fontWeight, not font-weight. You can't have hyphens in a script identifier.
Guffa
2009-06-29 10:23:13
A:
Document's style property is a object, please reference HTML DOM Style Object on W3school
Liu Peng
2009-06-29 10:19:29