JavaScript-da stilizatsiya qilish uchun bitta klass

Faraz qilaylik, bizda uning holatiga qarab elementga beradigan ikkita klasimiz bor:

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

Aslida, bu yerda ikkita klassning mavjudligi to'sqinlik qilishi mumkin. Bunday holda biz stillarni :not selektori orqali quyidagicha qayta yozishimiz mumkin:

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

Bunday holda, biz klassimizni qulay tarzda o'zgartirish orqali elementni faol yoki faol emas qilishimiz mumkin:

javascriptelem.classList.toggle('active');