What is "CSS on-the-fly"?

Question

What is CSS on-the-fly? Does JavaScript allow to modify CSS on-the-fly?

Where did you see the term "CSS on-the-fly"? This is not a standard term that I've seen used. — Phrogz, Feb 25 '11 at 17:44

score 2 · Answer 1 · edited May 23 '17 at 11:47

Changing an Elements CSS Attributes

The easiest way to modify CSS on the fly is probably with Jquery:

$('#elementID').css("height", "300px");

First parameter is the CSS attribute, second is the new value.

Try and steer away from over using this, as it wont degrade nicely probably for people without Javascript enabled.

Changing CSS Classes

This afaik is not possible on the fly, see above link.

score 1 · Answer 2 · edited Feb 25 '11 at 17:42

1

Yes. It does allow you to modify the CSS on the fly.

edited Feb 25 '11 at 17:42

Phrogz

answered Feb 25 '11 at 17:15

Saurabh Gokhale

Yes, [it does](http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html). – Phrogz Feb 25 '11 at 17:17
Oops. I misinterpreted the question. Editing. Btw, thanks for the link. – Saurabh Gokhale Feb 25 '11 at 17:17
I agree I gave wrong answer previously. But now I know it allows. Why still downvote ? – Saurabh Gokhale Feb 25 '11 at 17:21

score 1 · Answer 3 · answered Feb 25 '11 at 17:16

1

You can also use .style to access css styles in javascript eg

document.getElementById("anElement").style.width = "300px";

Though I think this might only affect single elements

answered Feb 25 '11 at 17:16

Michael Allen

Yes, modifying the style attribute on a particular element only affects the style of that element; it does not somehow go backwards and find classes or other selectors that apply to the element and modify the values in one or more of them. – Phrogz Feb 25 '11 at 17:50

3 Answers3