adding a class using classList code example

Example 1: js add class

var element = document.getElementById('element');
element.classList.add('class-1');
element.classList.add('class-2', 'class-3');
element.classList.remove('class-3');

Example 2: add to classlist javascript

Add multiple classes to a 
element: document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass"); Remove a class from a
element: document.getElementById("myDIV").classList.remove("mystyle"); Remove multiple classes from a
element: document.getElementById("myDIV").classList.remove("mystyle", "anotherClass", "thirdClass"); Toggle between two classes for a
element: document.getElementById("myDIV").classList.toggle("newClassName"); Find out if an element has a "mystyle" class: document.getElementById("myDIV").classList.contains("mystyle");

Tags:

Misc Example