add multiple class javascript code example

Example 1: add multiple class list at once in js

elem.classList.add("first");
elem.classList.add("second");
elem.classList.add("third");

is equal to :

elem.classList.add("first","second","third");

Example 2: classlist

// use the classList API to remove and add classes
div.classList.remove("foo");
div.classList.add("anotherclass");

Example 3: how to add multiple styles in javascript

Object.assign(yourelement.style,{fontsize:"12px",left:"200px",top:"100px"});

Example 4: add multiple class from array javascript

const classArray = ["cl1", "cl2", "cl3"];
div.classList.add(...classArray);

Tags:

Misc Example