how to create element and add class javascript 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: create element javascript with class

// create div element by javascript with class

var div = document.createElement('div');
div.className = "div1";

Example 3: 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 4: js create element with class

var element =document.createElement("span");
        element.className = "aClassName";