Есть такой код и он работает:
function openLikeBlock() {
var like = document.getElementById("like");
like.addEventListener('click', function (e) {
e.preventDefault();
if (!this.classList.contains('open'))
this.classList.add('open');
else
this.classList.remove('open');
});
}
Но если добавить ClassName то будет ошибка:
var like = document.getElementsByClassName("like");
Uncaught TypeError: like.addEventListener is not a function
Мне нужно именно класс, так как таких блоков несколько на странице (поэтому использую this
)
Вопрос: как сделать, что бы я мог получать элемент по классу, а не ID?
Потому что getElementsByClassName возвращает коллекцию элементов, а у коллекции нет метода addEventListener
для решение можно просто пробежаться по возвращенной коллекции. например так:
[].forEach.call(like,function(el){
el.addEventListener('click', function (e) {...})
});
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок