Как поменять class через javascript?

@greyson Если Вы хотите поменять значение класс, то Вы можете использовать:

1

document.getElementById("element").className = "NewClassName";

Если Вы хотите оставить существующий класс и добавить к нему дополнительно класс, то:

1

document.getElementById("element").className += " NewClassName";

Если установлена и Вы используете Jquery библиотеку, то можно сделать следующим образом

1
2
3
4
5

// Добавить класс
$('#element').addClass('NewClassName');

// Удалить класс
$('#element').removeClass('NewClassName');

@greyson 

Вы можете использовать свойство className элемента, чтобы изменить его класс:

1

document.getElementById("myDiv").className = "newClass";

Это заменит текущий класс элемента указанным классом. Если вы хотите добавить класс к текущему набору классов элемента, вы можете использовать метод classList.add():

1

document.getElementById("myDiv").classList.add("anotherClass");

Если вы хотите удалить класс из текущего набора классов элемента, вы можете использовать метод classList.remove():

1

document.getElementById("myDiv").classList.remove("anotherClass");

И если вы хотите переключить наличие класса в текущем наборе классов элемента, вы можете использовать метод classList.toggle():

1

document.getElementById("myDiv").classList.toggle("anotherClass");

Все эти методы работают только в современных браузерах. Если вы хотите поддержку более ранних браузеров, вам может понадобиться использовать полифиллы.