Eine Klasse für Styling in JavaScript
Nehmen wir an, wir haben zwei Klassen, die wir einem Element in Abhängigkeit von seinem Zustand geben:
div.active {
color: red;
}
div.passive {
color: black;
}
Tatsächlich kann das Vorhandensein von zwei Klassen hier
störend sein. In diesem Fall können wir
die Stile wie folgt umschreiben,
und zwar über den Selektor :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
Auf diese Weise können wir auf bequeme Weise unsere Klasse toggeln, um das Element aktiv oder inaktiv zu machen:
elem.classList.toggle('active');
Es sind Absätze gegeben. Sorgen Sie dafür, dass jeder Absatz beim ersten Klick darauf sich rot färbt, und beim zweiten Klick sich wieder schwarz färbt.
