JavaScript-те бір сыныпты стильдеу

Элементтің жағдайына байланысты біз беретін екі сынып бар делік:

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

Шын мәнінде, екі сыныптың болуы бұл жерде кедергі болуы мүмкін. Бұл жағдайда біз стильдерді :not селекторы арқылы келесі түрде қайта жаза аламыз:

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

Бұл жағдайда біз сыныбымызды ыңғайлы түрде ауыстырып, элементті белсенді немесе белсенді емес ете аламыз:

javascriptelem.classList.toggle('active');