На HTML странице есть список с одинаковыми классами.
Необходимо чтобы при клике по любому из элементов списка, этот элемент менял фоновый цвет.
<ul>
<li class="list-group-item">Cras justo odio</li>
<li class="list-group-item">Dapibus ac facilisis in</li>
<li class="list-group-item">Morbi leo risus</li>
</ul>
Я могу сохранить коллекцию в переменную, но как потом узнать, по какому именно из элементов совершен клик?
Если обращаюсь с индексом but[1]
, то все работает. Естественно, я не могу присвоить свойство всей коллекции.
Подскажите, что добавить или исправить в коде?
var but = document.querySelectorAll('.list-group-item');
but.onclick = function() {
but.style.backgroundColor = 'red';
};