En klasse til styling i JavaScript
Lad os sige, at vi har to klasser, som vi giver til et element afhængigt af dets tilstand:
div.active {
color: red;
}
div.passive {
color: black;
}
Faktisk kan tilstedeværelsen af to klasser her
være til hinder. I dette tilfælde kan vi
omskrive stylingene på følgende måde
via selector :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
På denne måde kan vi på en bekvem måde toggle vores klasse, hvilket gør elementet aktivt eller inaktivt:
elem.classList.toggle('active');
Der gives afsnit. Gør sådan, at hvert afsnit ved det første klik på det farves i rød, og ved det andet klik - farves tilbage til sort.
