Darasa Moja kwa Staili katika JavaScript

Acha tuwe na madarasa mawili ambayo tunayapa kipengele kulingana na hali yake:

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

Kwa kweli uwepo wa madarasa mawili hapa unaweza kukwaza. Katika kesi hii tunaweza kuandika upya staili kama ifuatavyo kupitia kichaguzi :not:

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

Katika kesi hii tunaweza kwa njia rahisi kubadili-badili darasa letu, tukifanya kipengele kiwe aktivu au kisivyo aktivu:

javascriptelem.classList.toggle('active');