Почему не работает addeventlistener?

Question

[o_may]

<h4 class="fold-button">свернуть</h4>
У fold-button стоит display: block, если это важно.

var foldBtns = document.getElementsByClassName('fold-button');

for (var i = 0; i < foldBtns.length; i++) {
foldBtns[i].addEventListener('click', function() {alert('you clicked')});
};

Планировалось делать более сложную функцию, но даже на этой не работает. В чем может быть проблема?

Comments

[Lynn «Кофеман»]

Для начала проверить длину foldBtns. Вангую, что там 0. Так же вангую, что js запустился до html

[o_may]

Алексей Тен, спасибо!! Опустила скрипт вниз, все заработало.

[Павел Корнилов]

Ещё лучше добавить замыкание в каждую итерацию цикла, Помню, в каких-то броузерах была проблема с навешиванием обработчиков в цикле.
А если совсем правильно - для подобных нужд лучше использовать делегирование событий из единого обработчика.

Answer 1

[sergiysan]

Возможно, ваш скрипт подключён в head и просто не видит h4. Потому как скрипт вполне рабочий