Незгодност класа у JavaScript-у

Претпоставимо да имамо неколико класа за стилизовање порука:

css.success {
  color: green;
}
.warning {
  color: orange;
}
.error {
  color: red;
}

Претпоставимо да смо у неком елементу приказали успешну поруку и доделили јој одговарајућу класу за успех:

javascriptelem.classList.add('success');

Претпоставимо сада да смо у том истом елементу приказали поруку о грешци и доделили јој одговарајућу класу за грешку:

javascriptelem.classList.add('error');

Као резултат, у елементу ће се наћи две класе које су у сукобу једна са другом:

html<div id="elem" class="success error">
  текст
</div>

Испада да ћемо, пре додавања нове класе, морати прво да уклонимо претходну:

javascriptelem.classList.remove('success');
elem.classList.add('error');

Ово није баш погодно, јер можемо не знати која је тачно била претходна класа и мораћемо да уклањамо све класе једна за другом:

javascriptelem.classList.remove('success');
elem.classList.remove('warning');
elem.classList.add('error');