Changing class styles dynamically without a loop

Question

Is it possible to change the style of a class via JavaScript without looping through existing elements which have that class applied to them? Since my page uses a lot of DHTML, this method would prove ineffective when creating elements.

I've searched and have only found the answers "no" and "loop", but I feel that the styleSheet object must be able to do something along these lines. If not, however, I will accept that, but first I want to ask here where people are most likely to know the final answer.

Thanks for all answers.

Can you define a different class, and add/remove it as necessary? Unfortunately you cannot modify CSS style declarations from JavaScript. — Tess Rosania
– Tess Rosania, Commented May 14, 2011 at 6:01

gilly3 · Accepted Answer · 2011-05-14 06:09:14Z

1

You can add style rules to your stylesheets dynamically:

IE: addRule
Others: insertRule

answered May 14, 2011 at 6:09

gilly3

92.6k26 gold badges148 silver badges179 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ruffy Over a year ago

That's useful. Is there a way to change properties of elements individually, or is this as close as it gets?

gilly3 Over a year ago

You can access, change and/or remove all the rules in a stylesheet, but you'll have to write browser-specific code, sadly. Look at document.styleSheets[0].rules and document.styleSheets[0].cssRules.

check123 · Accepted Answer · 2011-05-14 05:57:45Z

0

Use jQuery, with this one line:

 $('.className').css("attrib", "value");

It will change the value of all elements with class = className.

Refer: http://api.jquery.com/css/

answered May 14, 2011 at 5:57

check123

2,0292 gold badges24 silver badges29 bronze badges

3 Comments

Ruffy Over a year ago

I'd prefer not to use jQuery for learning purposes. Also, that seems that it'd only affect existing elements as the loop method would.

Tess Rosania Over a year ago

Indeed; in fact, this will loop under the hood.

check123 Over a year ago

It'd only affect existing elements... Did not get you there, some elaboration will be welcome.

Collectives™ on Stack Overflow

Changing class styles dynamically without a loop

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related