Een Klas vir Stilering in JavaScript
Laat ons twee klasse hê wat ons aan 'n element gee afhangende van sy toestand:
div.active {
color: red;
}
div.passive {
color: black;
}
Eintlik kan die teenwoordigheid van twee klasse hier
steur. In hierdie geval kan ons
die style so herskryf
deur die :not selekteerder te gebruik:
div.active {
color: red;
}
div:not(.active) {
color: black;
}
Op hierdie manier kan ons op 'n gerieflike wyse ons klas wissel, deur die element aktief of nie-aktief te maak:
elem.classList.toggle('active');
Paragrawe word gegee. Maak dit so dat elke paragraaf met die eerste klik daarop in rooi gekleur word, en met die tweede klik - terug in swart gekleur word.