En klass för styling i JavaScript
Låt oss säga att vi har två klasser som vi ger till ett element beroende på dess tillstånd:
div.active {
color: red;
}
div.passive {
color: black;
}
Egentligen kan närvaron av två klasser här
störa. I det här fallet kan vi
skriva om stilarna på följande sätt
genom selektorn :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
I det här fallet kan vi på ett bekvämt sätt växla vår klass, göra elementet aktivt eller inaktivt:
elem.classList.toggle('active');
Givna stycken. Gör så att varje stycke vid första klicket på det färgas rött, och vid andra klicket färgas tillbaka till svart.