appendChild só funciona pela primeira vez
Quero anexar repetidamente as mesmas coisas a um elemento por meio de um botão e manipulador de eventos na mesma págin
O problema que encontro é que ele só funciona pela primeira vez. Ele faz exatamente o que eu quero da primeira vez e, em seguida, deixa de fazer qualquer coisa nas próximas pressões de botão. Eu dei uma cutucada um pouco e parece que após o primeiro anexo, o "newstuff.innerHTML" é esvaziado. Depois de muita pesquisa infrutífera, decidi vir perguntar aqu
O manipulador de eventos está disparando, oHTML interno da variável está sendo anexado, mas não consigo entender por que minha variável está sendo descartad
s variáveis e dados abaixo foram alterados para proteger os inocente
var button = document.getElementById('add_stuff');
var oldstuff = document.getElementById('element_id');
var newstuff = document.createElement('div');
newstuff.innerHTML = "<p>Super interesting content</p>";
button.onclick = function(event) {
while (newstuff.firstChild) {
oldstuff.appendChild(newstuff.firstChild);
}
}