Possible Duplicate:
Changing a CSS rule-set from Javascript
I am creating a list of elements in my jsp page with the same class name. Say I am creating 4 elements with same class name as "someName". Now, I want to modify the style of these elements dynamically using javascript.i.e, when a style is changed for the class it should reflect in all the elements referenced by the class name.Also, I have to do this with IE8. Can this be accomplished?
Thanks
Short answer: YES
Ah you also want to know how? Why haven't you asked for the how?
I give you an example in jQuery
$(".someName").css("background-color","green:);
That would change the background-color all elements with the class 'someName'
The best way to do this is to add an additional class to the relevant elements.
Javascript
var elements = document.getElementsByClassName('oldClass');
for(var i = 0;i<elements.length;i++){
elements[i].className += ' newClass' //dont forget the first space
}
CSS
oldClass{color:red;}
newClass{color:white; font-weight:bold;}
the jQuery solution is more elegant, but you can do it with plain ol' javascript too.
In general, I would do as @sven-bieder suggests, but to answer your specific question: check out this answer https://stackoverflow.com/a/1409250/45948
