Një klasë për stilizim në JavaScript

Le të supozojmë se kemi dy klasa, të cilat ua japim elementit në varësi të gjendjes së tij:

cssdiv.active {
  color: red;
}
div.passive {
  color: black;
}

Në fakt, prania e dy klasave këtu mund të jetë pengesë. Në këtë rast ne mund të rishkruajmë stiljet si më poshtë përmes selektorit :not:

cssdiv.active {
  color: red;
}
div:not(active) {
  color: black;
}

Në këtë rast ne mundemi në mënyrë të përshtatshme të ndërrojmë klasën tonë, duke e bërë elementin aktiv ose joaktiv:

javascriptelem.classList.toggle('active');