Серьезный нубский вопрос. Я использую node.js и рули. Я использую {{#each}} руля для создания .div для каждого сообщения в моей базе данных. Проблема в том, что когда я использую ниже document.getElement в моем файле main.js на стороне клиента, он получает только первое сообщение. Пожалуйста, помогите мне заставить его работать независимо от количества сообщений. Спасибо!
document.getElementById("dropdown").classList.toggle("show");
document.getElementById('grabMe').classList.toggle("rotate");
Возможный дубликат getElementById возвращает значение только для первого элемента
Да, как уже упоминалось, идентификаторы предназначены для назначения одному элементу. Вместо создания нескольких элементов с одинаковым идентификатором рассмотрите возможность использования class. Поэтому, если вы выведете <div class = "dropdown"></div> в цикле {{#each}}, то запуск document.querySelectorAll('.dropdown') вернет NodeList, содержащий все ваши выпадающие элементы div.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Идентификаторы должны быть уникальными для документа.