classList
property
Provides methods to add, remove, toggle, and check CSS classes on an element.
Syntax
element.classList.add() .remove() .toggle() .contains()
Example
javascript
const el = document.querySelector('.card');
el.classList.add('active'); // add class
el.classList.remove('hidden'); // remove class
el.classList.toggle('open'); // toggle class
el.classList.contains('active'); // true/false
el.classList.replace('old', 'new'); // replace
// Add multiple
el.classList.add('fade', 'show', 'transition');