Задать вопрос
Mike_Ro
@Mike_Ro
Python, JS, WordPress, SEO, Bots, Adversting
javascript

Как добавить класс элементу, найденному по классу?

Если элемент найден по id, то класс ему добавляется без проблем:

document.getElementById('body').classList.add("test1");

Пытаюсь сделать то же самое, но теперь поиск элемента произвожу по его классу, в итоге ошибка:

document.getElementsByClassName('body').classList.add("test2");

Так как добавлять класс элементу, если этот элемент найден не по названию id, а по названию класса?
  • Вопрос задан
  • 10055 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
FFxSquall
@FFxSquall
Могу писать код, могу не писать
Вы находите "элементы", а не один элемент.
Правильно например так:
document.querySelector('.body').classList.add("test2");

Если у вас много таких классов и всем надо добавить ещё, то придется воспользоваться циклом for:
var elements = document.getElementsByClassName("body");
for (var i = 0; i < elements.length; i++) {
    elements[i].classList.add("test2");
}
Ответ написан
5 комментариев
5 комментариев
Sanasol
@Sanasol Куратор тега JavaScript
нельзя просто так взять и загуглить ошибку
getElementsByClassName

getElementById

https://www.w3schools.com/jsref/met_document_getel...
третий пример
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
1500 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы