Style Class dynamisch ändern

[Roger]

Hallo,
man kann ja so ziemlich alle Stylangaben durch Events
dynamisch ändern, z.B. ...this.style.backgroundColor ='red';...

Aber wie sieht das aus wenn ich eine komplette Style Class, die
entweder im Kopf oder in einer Css Datei liegt ändern möchte ?

Dachte da zuerst an so eine Option:

<input type="button" onclick="document.getElementsByTagName('style')[0].innerHTML='width:200px;';alert(document.getElementsByTagName('style')[0].innerHTML);" value="change">

Aber das geht nicht, gibt es eine andere Lösung?

Gruss
Roger

[Ingo Turski]

Hi,

Aber wie sieht das aus wenn ich eine komplette Style Class, die
entweder im Kopf oder in einer Css Datei liegt ändern möchte ?

es gibt className.

freundliche Grüße
Ingo

[Roger]

Hallo Ingo,

es gibt className.

Ja, aber dann müsste diese Class die ich austauschen will
auch bereits existieren. Wenn ich den Wert aber onthefly
durch ein Textfeld eingeben möchte geht das doch nicht,oder?

Gruss
Roger

[Marian]

Hallo Roger,

es gibt className.

Ja, aber dann müsste diese Class die ich austauschen will
auch bereits existieren. Wenn ich den Wert aber onthefly
durch ein Textfeld eingeben möchte geht das doch nicht,oder?

Da gibt es eval().

Viele Grüße aus Freiburg,
Marian

[Ingo Turski]

Hi,

Ja, aber dann müsste diese Class die ich austauschen will
auch bereits existieren.

wo siehst Du ein Problem, für eine entsprechende neue Klasse Formatierungen im CSS anzugeben?

freundliche Grüße
Ingo

[Struppi]

Ja, aber dann müsste diese Class die ich austauschen will
auch bereits existieren. Wenn ich den Wert aber onthefly
durch ein Textfeld eingeben möchte geht das doch nicht,oder?

Welchen Wert?

Entweder du willst eine Eigenschaft ändern, das geht mit style
oder die Klasse, das geht mit className

Struppi.

[Gunnar Bittersmann]

Hello out there!

Was genau möchtest du, ein bestimmetes Element dynamisch einer (mehreren) anderen Klasse(n) zuordnen oder die Regelmenge für einen bestimmten Selektor dynamisch ändern?

Ersteres ist weitaus einfacher; zweites eigentlich kaum nötig. Du kannst ja bspw. die Klasse von 'body' ändern und mit Nachfahrenselektoren arbeiten.

See ya up the road,
Gunnar

[Cybaer]

Hi,

Aber das geht nicht, gibt es eine andere Lösung?

Da sich die Browser ihr CSS jeweils "zusammeninterpretieren", ist das nicht so trivial: Coding: CSS-Regeln (& Stylesheets) auslesen & ändern

Gruß, Cybaer