Как добавить класс 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>

Еще ответы по теме:

Наши работы

  • Стар Текс
    Магазин текстиля
    Стар Текс
  • Обновление
    Производственная фармацевтическая компания
    Обновление
  • Сибирский Молл
    Торгово-развлекательный центр
    Сибирский Молл

Вернуться в раздел
Комментарии
Оставьте свой комментарий