Как решить Uncaught TypeError: Cannot read properties of undefined (reading 'classList')?

Question

[RINCODE]

В консоли прописываю этот код он срабатывает и ничего не возвращает
А когда пишу в коде

(document.getElementsByClassName('nav-p-menu')[1]).classList.add('f');

выдаёт ошибку

Uncaught TypeError: Cannot read properties of undefined (reading 'classList')

С чем это может быть связано?

Comments

[Вадим]

С тем что на момент вызова этого кода в разметке нет двух элементов с таким классом. Максимум один, который был бы доступен по индексу 0, а то и вовсе ни одного.

Чёрным по белому же написано - не могу прочитать classList у undefined. Значит предыдущая операция вернула undefined. Какая предыдущая операция? Поиск коллекции элементов и обращение по индексу ко второму элементу. А что происходит когда обращаешься к не существующим полям в объекте или массиве? Возвращается undefined.

Значит в массиве 1 или 0 элементов. И обращаясь по индексу [1] ко второму элементу - получаем undefined.
Значит в разметке ещё нет таких элементов в нужном количестве.

[RINCODE]

Вадим,

[Вадим]

RINCODE, Классно. И чего? зачем мне скрин из консоли? В консоле Вы вводите команду когда уже всё загрузилось и тд и тп. Я же сказал,

на момент вызова этого кода

[Вадим]

RINCODE, Лучше всего Вам научиться отладке кода - https://learn.javascript.ru/debugging-chrome
1) Разбить команду

(document.getElementsByClassName('nav-p-menu')[1]).classList.add('f');

на несколько
2) Поставить точку остановки после getElementsBy*
3) Посмотреть сколько элементов нашлось.

[Вадим]

RINCODE, к слову там класс f добавился на второй элемент, на Вашем скрине. Или это уже тоже через консоль было сделано?

[RINCODE]

Вадим,

[RINCODE]

Вадим, консоль

Answer 1

[RINCODE]

Проблема была в том, что код динамически подгружал информацию и элементы не успевали подгружаться, а скрипт уже срабатывал, добавил
window.onload
И теперь всё работает)

Answer 2

[eRKa]

Либо нет у Вас такого элемента в ДОМ как .nav-p-menu, либо массив начинается с нуля.

Comments

[RINCODE]

[eRKa]

RINCODE,

и элементы не успевали подгружаться

На момент чтения, элементов в ДОМ не было. Другой причины быть не может при такой ошибке. Поэтому не понимаю, зачем Вы этот скрин приложили.