метод getElementsByClassName возвращает живую коллекцию HTMLCollection, то есть её размер обновляется в реальном времени в соответствии с текущей разметкой DOM-дерева
на момент, когда вы вызвали метод, элемента ещё не было в дереве, а когда вы заглянули в консоль и развернули HTMLCollection, консоль показала вам текущее состояние коллекции
для такой задачи лучше всего использовать
MutationObserver 
