Почему querySelector возвращает null?

Question

[tyoma_koder]

Селектор формируется динамически, формируется правильно (если подставить то что он сформировал в виде готовой строки то всё находится), но именно в месте где он вызывается не работает
https://codepen.io/morskaya_ulitochka/pen/poaXPWd?...
проблема с office[value][address][] и всем что после

Comments

[Сергей Сергей]

//последний и единственный else
      }else{
        const nodes = [...template.querySelectorAll('input')];
        const names = nodes.map(n=>n.name).join();
        console.log( names );
        for(let valueKey in contact.contact_value){
          //console.log(contact.contact_type, valueKey)
          let selector = `[name*="${valueKey}"]`;
          //let valueInput = template.querySelector(selector);
          let valueInput = nodes.filter(i=>i.name.indexOf('['+valueKey[0])>0).pop();
          console.log( names.indexOf( '['+valueKey[0] ), valueKey, valueInput );
          //console.log( selector, valueInput );
          if(valueInput) valueInput.value = contact.contact_value[valueKey]
          contactList.appendChild(template)
        }
      }

так вроде сработало.

[tyoma_koder]

Сергей Сергей, а почему мой вариант не работает?

[Сергей Сергей]

ваще не знаю, самому интересно.

Answer 1

[Александр Талалаев]

Перезаписываете в цикле
contactList.appendChild(template)
Вынести нужно его за цикл

for(let valueKey in contact.contact_value) {
//***
}
contactList.appendChild(template)