Cum adaugi sau ștergi o clasă CSS a unui element folosind JavaScript

De multe ori, atunci când dezvoltăm scripturi în JavaScript nativ, avem nevoie să verificăm existența unei clase CSS pe un element din DOM, să adăugăm o clasă nouă sau să ștergem o clasă existentă. Cum putem face acest lucru simplu și curat?

Următoarele funcții JavaScript te vor ajuta să gestionezi clasele CSS rapid și eficient:

[javascript]
function hasClass(el, name) {
return new RegExp(‘(\\s|^)’ + name + ‘(\\s|$)’).test(el.className);
}

function addClass(el, name) {
if (!hasClass(el, name)) {
el.className += (el.className ? ‘ ‘ : ”) + name;
}
}

function removeClass(el, name) {
if (hasClass(el, name)) {
el.className = el.className.replace(new RegExp(‘(\\s|^)’ + name + ‘(\\s|$)’), ‘ ‘).replace(/^\s+|\s+$/g, ”);
}
}
[/javascript]