add a class js code example

Example 1: jquery add class

$('some_element').addClass('some-class');

// You can add more than one class at one time
$('some_element').addClass('some-class another-class yet-another-class');

// Even thought jQuery allows you to do this
$('some_element').addClass('some-class').addClass('another-class').addClass('yet-another-class');

// That would be really wasteful, think of the planet!
// But more importantly, your RAM
// oh and those poor folks who be viewing your website

Example 2: 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 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: javascript add class to element

var someElement= document.getElementById("myElement");
    someElement.className += " newclass";//add "newclass" to element (space in front is important)