Как посчитать количество созданных элементов?

Question

[colorkid]

Есть функция:

function newDo(){

var go = document.createElement('div');
go.className = "go";
container.insertBefore(go, container.firstChild);

};

Как видим, функция создает элемент go. Функция запускается по клику. Проблема в том, что посчитать количество созданных go я не могу. Как это сделать? Думал, всё будет просто, но метод найти все элементы на странице через querySelectorAll, а потом посчитать длину не сработал. Как быть?

Comments

[OVK2015]

Создайте вне ф-цию переменную счетчик. Да и инкрементируйте ее внутри newDo().
+ всегда под рукой кол-во добаленых эл-ов
- зачем вам это надо?

[Bhudh]

А почему не сработал querySelectorAll? Я только что в цикле запустил 11 раз функцию newDo в консоли — и представьте, querySelectorAll нашёл 11 новых элементов!
Может, у Вас просто запрос был неправильный? Покажите.

Answer 1

[Денис Инешин]

Простейший:

var counter = 0;
function newDo(){
    var go = document.createElement('div');
    go.className = "go";
    container.insertBefore(go, container.firstChild);

    counter++;
    console.log(counter);
};

Но лучше конечно не вставлять элементы поштучно)

Comments

[colorkid]

Благодарю за вариант

Answer 2

[Андрей Щетинин]

Береем список детей у ноды и фильтруем его по наличию нужного класса

Array.from(container.childNodes).filter(function(child){
  return  child.classList && child.classList.contains('go')
})

Comments

[colorkid]

Благодарю за вариант