What is “CSS on-the-fly”?

Question

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

Answer 1

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

Related info: How can I change the css class rules using jQuery?

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

Answer 2

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

Answer 3

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