add class remove class javascript code example

Example 1: javascript remoev css class

//remove a css class from an element
document.getElementById("myElementID").classList.remove("class_name");

Example 2: javascript add class

// 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');

Example 3: es6 add and remove class

let el = document.getElementById('container');

//remove class
el.classList.remove('first');

//remove class
el.classList.add('first');