var element = document.getElementById('element');
element.classList.add('class-1');
element.classList.add('class-2', 'class-3');
element.classList.remove('class-3');// getting the target element
var myElement = document.querySelector('#myElement');
// example for addding some-class to the element
myElement.classList.add('some-class');
// multiple classes can be added like this
myElement.classList.add('one-class', 'one-more-class');
// example for removing any class from the element
myElement.classList.remove('any-class');var someElement= document.getElementById("myElement");
someElement.className += " newclass";//add "newclass" to element (space in front is important)element.classList.add('class');
element.classList.remove('class');const element = document.querySelector('CSS_SELECTOR')
element.classList.add('class-1') // add class-1
element.classList.remove('class-1') // remove class-1
element.classList.toggle('class-1') // add class-1 if the element does not contains the class, remove if not.<p id="id1">Javascript adds a CSS class to this paragraph.</p>
<script>
// Get the element with id="id1"
const element = document.getElementById("id1");
// Add a class
// METHOD 1
element.classList.add("quote");
// METHOD 2
element.className += "box";
</script>