Jedna klasa za stilizaciju u JavaScript-u
Pretpostavimo da imamo dve klase koje dodeljujemo elementu u zavisnosti od njegovog stanja:
div.active {
color: red;
}
div.passive {
color: black;
}
U stvari, prisustvo dve klase ovde
može da smeta. U tom slučaju možemo
da prepišemo stilove na sledeći način
koristeći selektor :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
Na ovaj način možemo na zgodan način da prebacujemo (toggle) našu klasu, čineći element aktivnim ili neaktivnim:
elem.classList.toggle('active');
Date su pasuse (paragraphs). Uredite tako da svaki pasus na prvi klik na njega dobije crvenu boju, a na drugi klik — vrati se u crnu boju.