Не работает метод Array.from?

Question

[STINGRAY_DEVELOP]

Привет, ребят. Уже выбился из сил и никак не пойму почему у меня не срабатывает этот метод.
Получить HTMLCollection элементов по селектору получается, все отлично.
Но как только я пытаюсь превратить эту коллекцию в массив, то массив получается пустым.
Также пробовал:
var arr = Array.prototype.slice.call( htmlCollection );
var arr = [].slice.call(htmlCollection);
var arr = [...htmlCollection];

Все перепробовал - результат один - пустой массив.
А вот без этих методов коллекцию элементов выводит.
Есть ссылка на код, кто действительно может помочь - ссылка на гит.
Номера строк : 374 и 375.

Comments

[STINGRAY_DEVELOP]

Попробовал еще таким способом. деревенским. Тоже выдает пустой массив. А коллекцию выводит как полагается.

function toArray(x) {
    for(let i = 0; i < x.length; i++)
        a.push(x[i]);
    return a;
};

Answer 1

[Дмитрий Беляев]

HTML коллекции динамические, когда Вы их выводите в консоль, они вполне себе пустые, но когда смотрите, консоль синхронизируется и показывает Вам заполненную коллекцию.
Когда Вы преобразуете коллекцию в массив, в массиве оказывается текущие элементы, которых еще нет. И так как массив ничего не знает о Вашем DOM, то ничего и не появится в дальнейшем.
Нужно дожидаться, пока элементы появятся на странице, и только потом работать с ними, например с помощью события DOMContentLoaded на document

Comments

[STINGRAY_DEVELOP]

Спасибо большое за объяснение! Но в моем случае DOMContentLoaded не срабатывает и не влияет никак, возможно потому. что элементы добавляются на страницу динамически. Не подскажите как быть в таком случае?

[Дмитрий Беляев]

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

[STINGRAY_DEVELOP]

Дмитрий Беляев, Не получается что-то никак. Все равно массив пустой выходит... Где бы я не вызвал эту функцию после отрисовки шаблона.

[Aetae]

setTimeout(() => console.log(Array.prototype.slice.call( htmlCollection )), 30000)

Через 30 секунд посмотрите в консоль, скорее всего всё будет.

Если элементы добавляются динамически - значит и работайте с ними там, где они добавляются.

[topybolot]

Плюсую в карму, 8 часов убил на решение проблемы (

Answer 2

[Stalker_RED]

Он работает. Ищите ошибку в другом месте.


Возможно вы запускаете свой код еще до того, как эти элементы загрузились.

Comments

[STINGRAY_DEVELOP]

Я понимаю, что метод работает. Если бы я запускал код до того как элементы прогрузились, то я бы даже не смог получить HTML Collections. А ее я вывести могу.