GetElement и querySelector?

Question

[Артём Альбе]

Здравствуйте!Не могу получить элемент коллекции по индексу, в консоли пишет "undefined'.

var element = document.getElementsByClassName("drop_menu_container");

console.log(element[0]);

Comments

[alexalexes]

Лучше поставить точку останова на указанной строчке, пропустить выполнение кода на следующую строчку и лично в DOM-дереве посмотреть, что творится там, и что есть в коллекции.
console.log слишком мало инфы даст.
Возможно, код выполняется до загрузки страницы. В этом случае "улов" будет нулевой.

Answer 1

[Антон Спирин]

Это значит, что в коде, на момент выполнения, нет элементов с классом drop_menu_container. Чтобы в этом убедиться, выведите в консоль element.length и увидите, что длина коллекции 0.
Если вы уверены, что элементы на странице есть, то скорей всего, ваш код выполняется до загрузки страницы.
Можно перенести скрипты в низ страницы, можно обернуть вызов в:

document.addEventListener("DOMContentLoaded", function() {
  var element = document.getElementsByClassName("drop_menu_container");

  console.log(element[0]);
});

Comments

[Артём Альбе]

Спасибо!Действительно , подключил скрипт до загрузки страницы (забыл).