Адзін клас для стылізацыі ў JavaScript

Няхай у нас ёсць два класы, якія мы даем элементу ў залежнасці ад яго стану:

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

На самой справе наяўнасць двух класаў тут можа перашкаджаць. У гэтым выпадку мы можам перапісаць стылі наступным чынам праз селектар :not:

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

У гэтым выпадку мы зможам зручным чынам пераключаць наш клас, робячы элемент актыўным або неактыўным:

javascriptelem.classList.toggle('active');