Как записать HTML элементы в массив?

Question

[MeMoJlor]

Добрый вечер. Каким способом я могу записать элементы с deleteitem и listitem в массив Array, который находится вне функций? Проблемы так же добавляет то, что изначально никаких HTML элементов на странице нет и они появляются динамически.

function pushItem() {
    list.innerHTML += `<div class="listItem">${items.pop()}<button class="delete">Отменить</button></div>`; 

    const deleteItem = document.querySelectorAll('.delete'),
    listItem = document.querySelectorAll('.listItem');
};
const Array = [];

Comments

[SagePtr]

В чём смысл извращений? Какую цель пытаетесь достичь?

[MeMoJlor]

SagePtr, Хочу работать с массивом Array, ибо достучаться до deleteitem, listitem не могу, да и пустые они будут изначально

[SagePtr]

MeMoJlor, а зачем с ним работать? Для какой цели?

Answer 1

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

Если я правильно понял вопрос:

const elements = { // сюда складывать элементы
  list: [],
  btn: [],
};

function pushItem() {
    const div = document.createElement('div'); // временный родитель
    div.innerHTML = `<div class="listItem">${items.pop()}<button class="delete">Отменить</button></div>`;

    elements.list.push(div.querySelector('.listItem');
    elements.btn.push(div.querySelector('.delete');

    // перенести из временного в постоянный
    while (div.childNodes.length) { // с запасом: вдруг там несколько элементов
        list.appendChild(div.childNodes[0];
    }
};

Создать временный элемент, в который впихнуть разметку.
Свежесозданные элементы для вставки «в массив» отыскать в этом временном контейнере и положить в массив.
Перенести созданое из временного в рабочий видимый элемент.

Comments

[MeMoJlor]

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

Answer 2

[Александр Соболев]

Как вариант поиск элементов на странице с триггером. Вы же подсчитываете элементы в определенный момент?

Comments

[MeMoJlor]

Попробовал Array.push(deleteItem), но в консоли выводиться столько массивов, сколько элементов. Это нормально?

[Александр Соболев]

MeMoJlor, зависит от выборки. Что в конечном итоге нужно подсчитать?

[MeMoJlor]

Александр Соболев, Кол-во элементов на странице