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:

cssdiv.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:

cssdiv.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:

javascriptelem.classList.toggle('active');