Почему в консоли не выводится информация?

Question

[weksik]

Добрый день, господа, тренируюсь в js и возникла такая ситуация.
В консоли при выводе document.querySelectorAll выдается пустой nodelist.
Подскажите, пожалуйста, в чем ошибка?
https://codepen.io/weksik/pen/ZEGJKZY

Answer 1

[WapSter]

Потому что их нет в вашем документе (в html)
нет никаких элементов с классом .menu_item. Запрашивайте их после того как сформировались новые элементы

Comments

[weksik]

они создаются через js

[WapSter]

weksik, я и написал ответ

[WapSter]

weksik, https://codepen.io/wapster92/pen/gOpxRpd

Answer 2

[Andrew]

const listItem = document.querySelectorAll(".menu_item");

Вы её определили до заполнения, соответственно там ниче нет.

Comments

[weksik]

Но я же делаю return и возвращаю новое значение, разве нет?

[Andrew]

weksik, после того как вы сохранили null в listItem(CONST) - постоянной.

Answer 3

[Алексей]

Используйте событие DOMContentLoaded. Вы ищете элементы в еще не сформированном DOM дереве