Почему getElementsByClassName — undefined?

Question

[lancehokage]

let message_container = document.getElementsByClassName("message__container")[0];
message_container.innerHTML = "123";

<div class="message__container">
            <div class="message__box"></div>
            <div class="answer__box"></div>
</div>

Ошибка:

Uncaught TypeError: message_container is undefined

От чего она возникает? Уже все перепробовал

Comments

[Сергей Сергей]

надо удостовериться, что список

document.getElementsByClassName("message__container")

не пуст.

[lancehokage]

Сергей Сергей, ну, исходя из ошибки - он пуст. А почему? Просто хочу написать туда какой-то текст, а он пуст, хотя в разметке присутствует

[Сергей Сергей]

Ваще не знаю, чё это он пуст. Строки-то в разметке и скрипте совпадают? Скрипт запускается после прогрузки разметки?

[lancehokage]

Сергей Сергей, да

[Сергей Сергей]

А сам контейнер не динамически создаётся?

[Сергей Сергей]

Александр, Ну я и спросил, видимо не так.

Answer 1

[Виктор П.]

Если элемент на страницу добавляется динамически, то через getElementsByClassName его получить нельзя. Гуглите в эту сторону, я не помню, как нужно обходить (раньше в jquery был метод .live, но те годы давно прошли, что-то должно быть в html5 нативное)