Bastian Kurz: CSS-Klasse ändern?

Hallo Forum.

Ist es möglich, eine CSS-Klasse mit JS zu ändern? Das würde bei mir einiges vereinfachen.

Vereinfachte Darstellung des Problems:

<div id="eins" class="foo">inhalt</div>

und jetzt möchte ich mittels document.getElementById(eins) auf mein Element zugreifen und sagen, daß nicht mehr die CSS-Klasse foo, sondern die Klasse bar genommen werden soll.
Ist das möglich? Oder müßte ich alle Style einzeln ändern? Das wäre recht unpraktisch, da jemand anders die Styles editiert und ich nicht genau weiß, ob noch neue Regeln da reinkommen.

Danke, Bastian

  1. Hallo Bastian,

    und jetzt möchte ich mittels document.getElementById(eins) auf mein Element zugreifen und sagen, daß nicht mehr die CSS-Klasse foo, sondern die Klasse bar genommen werden soll.

    className ist dein Freund:
      document.getElementById('eins').className = 'bar';

    Grüße aus Nürnberg
    Tobias

  2. Hallo,

    hilft Dir das http://andreas-waidelich.de/ppp/engine/lab/js/getElementsByClassName/ ?

    MfG,

    Andreas Waidelich

    1. Hallo,

      hilft Dir das http://andreas-waidelich.de/ppp/engine/lab/js/getElementsByClassName/ ?

      Meine im Rahmen eines SELFHTML-Threads entstandene Version http://forum.de.selfhtml.org/archiv/2002/12/31500/ liegt mittlerweile in verfeinerter Form vor, siehe https://forum.selfhtml.org/?t=90330&m=541610.

      MfG, Thomas

      1. Hallo Thomas,

        okay. Ich gebe mich geschlagen :-)

        Mit freundlichen Grüßen,
        Andreas Waidelich

        --
        signatures eat bandwidth
        1. gruss Ihr beiden,

          hilft Dir das http://andreas-waidelich.de/ppp/engine/lab/js/getElementsByClassName/ ?

          Meine im Rahmen eines SELFHTML-Threads entstandene Version
          http://forum.de.selfhtml.org/archiv/2002/12/31500/ liegt
          mittlerweile in verfeinerter Form vor, siehe https://forum.selfhtml.org/?t=90330&m=541610.

          okay. Ich gebe mich geschlagen :-)

          ich hab' auch noch eine auf Thomas' idee aufbauende version zu bieten:
             http://forum.de.selfhtml.org/archiv/2004/8/87040/#m516469

          by(t)e by(t)e - peterS. - pseliger@gmx.net

          --
          br:& n3:} n4:# ie:| mo:{ va:| de:[ zu:] fl:) ss:) ls:& js:)