Как добавить класс c помощью JS?

Используем для этого jQuery

1. Сначала нужно найти объект.
   Объект можно получить по значению атрибутов: class, id и т.д.
   Пример: найдем объект по имени class. Допустим, блок имеет класс “yalstudio”:
   element=$(“.yalstudio”);
   Так мы нашли наш блок с классом “yalstudio”.
   Другой вариант: найдем блок, у которого id=“yalstudio”.
   element=$(“#yalstudio”);
   Таким образом мы нашли блок с id=“yalstudio”
2. Добавим нашему объекту новый класс, используя свойства addClass.
3. А теперь добавим нашему элементу новый class “great”
   Element.addClass(“great”)

В итоге получаем
<div class=”great yalstudio”>
</div>

Используем для этого нативный Js

1. Находим объект
   Объект можно получить по значению атрибута id.
   Пример: найдем объект по id. Допустим, блок имеет класс “yalstudio”:
   element =document.getElementById(“yalstudio”)
   Так мы нашли наш блок с id “yalstudio”.
2. Теперь добавим нашему объекту новый класс, используя свойства classList, которое возвращает все классы, имеющиеся у элементов. У этого свойства есть 4 метода: для того чтобы добавить (add), удалить (remove), переключить (toggle), проверить наличие класса у элемента (contains).
3. А теперь добавим нашему элементу новый class “great”
   Element.classList.add(“great”)

В итоге получаем
<div class=”great yalstudio”>
</div>