Dynamically add CSS classes via JS - cross browser solution

#native_company# #native_desc#

#native_cta#

This site is best viewed in a modern browser with JavaScript enabled.

Dynamically add CSS classes via JS - cross browser solution

pro_ceed1

Hey!

Does anyone of you know a good cross browser solution for dynamically adding CSS classes using javascript?

I tried this one http://coding.binon.net/index.htm?dhtml/addstyle.htm
but it doesn't work cross browser.

It works fine in Firefox, Opera and Safari, but fails in IE and Chrome..

Thanks in advance for your help!

Gray1989

element.className = "class1 class2 class3";

This should work, no?

pro_ceed1

Gray1989;1214448 wrote:
element.className = "class1 class2 class3";
This should work, no?

No, I mean creating the whole CSS class itself using Javascript

for example:

.font_1 {
	font-family: Arial;
	font-size:20pt;
}

.font_2 {
	font-family: Arial;
	font-size:25pt;
}

I get all this information from a file and I want to create the corresponding CSS class dynamically using Javascript in order to assign it to any HTML element using the class attribute.