Почему не работает код?

Question

[newaitix]

Почему это не работает

var test=document.getElementsByClassName('prdbrief_thumbnail');
var elemen = document.createElement('div');
elemen.innerHTML='122222';
for(var i=0; i<test.length; i++){
    console.log(test[i], i, elemen)
    test[i].appendChild(elemen);
}

вставка производится только в последний prdbrief_thumbnail.

Comments

[gleendo]

let test = document.querySelectorAll(".prdbrief_thumbnail");

test.forEach(item => {
  let elem = document.createElement("div");

  elem.textContent = "some string";

  item.appendChild(elem);
});

[newaitix]

в консоль выводится

VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 1 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 2 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 3 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 4 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 5 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 6 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 7 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 8 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 9 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 10 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 11 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 12 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 13 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 14 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 15 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 16 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 17 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 18 <div>​122222​</div>​
VM15290:5 <div class=​"prdbrief_thumbnail">​…​</div>​ 19 <div>​122222​</div>​

Answer 1

[Rsa97]

Один экземпляр элемента не может быть сразу в нескольких местах. В данном случае вставлять надо клоны.
test[i].appendChild(elemen.cloneNode());