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

Нужно добавить через js класс элементу
Не получается обратиться к классу.
Обращение к элементу по номеру через [0] выдает undefined

var otzivi = document.getElementsByClassName("main")[0];


6329d6e86fcc9050863862.jpeg
6329d6a120c25850492048.jpeg

Также при добавлении класса выдает все тот же undefined
otzivi.classList.add("otzivi");

6329d79eaf667233948081.jpeg

Почему консоль выводит undefined и как добавить класс?
  • Вопрос задан
  • 133 просмотра
Решения вопроса 1
@7rows
Frontend Разработчик / Vue / JS / TS / CSS
function addClass(){
ваш метод. не забудьте проверку, что элемент точно найден
}
addEventListener('DOMContentLoaded', addClass);


https://learn.javascript.ru/onload-ondomcontentloaded - хорошее описание
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
v3shin
@v3shin
Веб-шаман
Вангую: код вызывается еще до загрузки страницы, когда main.main еще нет. Повесьте его на DOMContentLoaded.
И код оформляйте текстом, а не картинками.
Ответ написан
Комментировать
SPART4K
@SPART4K
Middle Front-end Developer (Vue.js/Nuxt.js)
Otzivi у вас HTML коллекция - то есть массив.
Вы ищете элементы, вам нужно либо обратиться к первому элементу
otzivi[0]
Либо заменить поиск на getElementByClassName
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы