Änderung einer Eigenschaft in einer CSS-Klasse

[Aline]

Hi!

wie kann ich eine Eigenschaft in einer CSS-Klasse ändern? Ich möchte in folgenden Beispiel bei der CSS-Klasse test display auf block ändern.

Wahrscheinlich möchtest du das nicht, sondern du möchtest alle (es sind doch mehrere, oder?) Elemente der Klasse "test" dynamisch ausblenden.

Das geht ganz einfach, indem du dynamisch die Klasse eines Vorfahrenelements ('body' bietet sich an) änderst:

document.body.className += " no-test";

und im Stylesheet zu stehen hast:

.no-test .test { display: none }

ja die Klasse kommt öfters vor

was muss ich unternehmen, wenn ich zwischen block und none hin+her wechseln möchte?

Das ganze soll mit einer Dropdownbox verbunden werden. Je nachdem was ausgewählt wurde, soll die eine Klasse display: none; und bei der anderen display: block;

ich hab 2 Klasse

.beispiel1{
  display: none;
}
.beispiel2{
  display: block;
}

ich möchte dann bei der Klasse beispiel1 display: block und bei der Klasse beispiel2 display: none

Aline