Manipulating CSS

[Timo Nentwig]

Hi!

Just as I can manipulate DOM node with JavaScript - can I manipulate the
CSS classes?

CSS:

#myid
{
blah: 123;
}

Pseudo-JS:

myid.blah=321;


....and automatically, all tags with ID=myid will change.

Is this possible?

[Stanimir Stamenkov]

Re: Manipulating CSS

/Timo Nentwig/:
[color=blue]
> Just as I can manipulate DOM node with JavaScript - can I manipulate the
> CSS classes?[/color]

Take a look at the W3C's "DOM Level 2 Style" spec:

http://www.w3.org/TR/DOM-Level-2-Style/

There are two distinct chapters:

"Document Object Model Style Sheets"

http://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html

"Document Object Model CSS"

http://www.w3.org/TR/DOM-Level-2-Style/css.html

where the first introduces some base interfaces used for any type of
style sheet and the second deals with CSS specifics.

.... and then probably you'll need to post to a scripting related group.

--
Stanimir

[Steve Fulton]

Re: Manipulating CSS

Timo Nentwig wrote:[color=blue]
> Just as I can manipulate DOM node with JavaScript - can I manipulate the
> CSS classes?
>
> CSS:
>
> #myid
> {
> blah: 123;
> }
>
> Pseudo-JS:
>
> myid.blah=321;
>
> ...and automatically, all tags with ID=myid will change.
>
> Is this possible?[/color]

For DOM-compliant clients:

Document Object Model (DOM) Level 2 Style Specification

http://www.w3.org/TR/DOM-Level-2-Style/

For IE:

styleSheet Object

http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/obj_stylesheet.asp

rule Object

http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/rule.asp

style Object

http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/obj_style.asp

--
Steve

Each snowflake in an avalanche pleads not guilty. -Stanislaw J. Lec