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

Question

[Vakha1]

У меня есть отдельный файл header.php в нем лежит меню я его подключаю в index.php через require_once("includes/header.php"); И вот в файле main.js я хочу получить доступ к элементам меню по классу menu. Если пишу как обычно
document.querySelector(".menu").onclick = function(){
console.log("Test");
}
Не чего не происходит. Как быть?

Comments

[Александр]

попробуй document.ready, а после этот код. require_once должен быть в начале, а js в конце.

Answer 1

[Святослав]

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

document.addEventListener( 'DOMContentLoaded', function( event ) {
    // Do something
});