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);
    }
}

questionAnswers(4)

yourAnswerToTheQuestion