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');document.addEventListener("DOMContentLoaded", function() {
var faqContainers = document.getElementsByClassName('faq-container')
var faqToggle = document.getElementsByTagName('body')[0]
for (var i = 0; i < faqContainers.length; i++) {
faqContainers[i].addEventListener('click', function() {
if (faqToggle.classList.contains('faq-display')) {
faqToggle.classList.remove('faq-display')
} else {
faqToggle.classList.add('faq-display')
}
})
}
})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.