Как обратиться к элементам DOM дерева, добавленным через JS?

Question

[Влад Громов]

Есть форма:


при клике "добавить блок затрат" появляются дополнительные инпуты :


при этому правых инпутов один класс ".howMuch".
При попытке получить массив из инпутов с классом ".howMuch":

var inputHowMuch = document.getElementsByClassName('howMuch');
console.log(inputHowMuch);

Показывает следующее:


Оставляю закрытым в консоли HTMLCollection [input.howMuch], добавляю несколько элементов, а потом раскрываю:

Все корректно отображается, ок.

Если открываю сначала HTMLCollection [input.howMuch] и потом добавляю элементы, то в консоли они не появляются:


Почему так? Как исправить?

https://jsfiddle.net/e36ho07b/

Comments

[Алексей Ярков]

Что исправить? Дефолтную работу консоли браузера?

Answer 1

[Антон Швец]

посмотрите вот так https://jsfiddle.net/melchiorio/1zeychwm/1/

Коллекция в консоли пересчитывается в момент когда вы ее открыли, нажав на стрелочку. После этого уже не меняется.
А в коде, если DOM изменился, перед тем как с коллекцией работать - создаете ее заново,