Почему при обращении к htmlcolection консоль выдает undefined?

Question

[Сергей Волков]

Здравствуйте, возникла такая проблема:
При помощи getElementBeClassName нахожу список с классом .goods-dots

const pagination1  = document.getElementsByClassName('goods-dots'); // Нахожу пагинацию

Консоль выводит вот это:



Пытаюсь обратиться к первому элементу, консоль выдает вот это:


А querySelectorAll и вовсе не работает:


Ссылка на сайт -- lunamag-articles.malevich-web.ru/interview-cucu-be...
Вот сам слайдер с пагинацией


Буду очень рад, если поможете

Answer 1

[Сергей Волков]

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

$(window).on('load', () => {

})

Comments

[WapSter]

Достаточно понять как работает браузер загружая ресурсы и рендерит документ. Если есть сомнения весь js код помещать перед закрывающим </body>

Answer 2

[Александр]

document.querySelectorAll('.goods-dots'); прекрасно всё возвращает.
На счет document.getElementsByClassName('goods-dots');, все getElementsBy* возвращают HTMLCollection, которые обновляются автоматически, когда изменяются элементы на странице.