Insérer un bloc HTML dans une page

Bonjour,

Je souhaiterai en quelque sorte, copier un bloc html du style :

<div id=papa>
<div id=fils>
<form>
<input type=button name=but0>
<input type=button name=but1>
etc ....
</form>
</div>
</div>

Ensuite faire un truc du style

<input type=button onclick=Ajouter()>

function Ajouter(){
var aRepeter = document.getElementById('fils') ;
var papa = aRepeter.parentNode;
var htmlARepeter = aRepeter.innerHTML;
var toInsert = document.createElement(htmlARepeter);
papa.appendChild(toInsert);
}

Sauf que, créate Element ne prend pas les bloc comme ça et que dans un appendChild on peut pas directement mettre le bloc.


J'aimerai savoir si il existe une fonction genre :
document.createHtmlNode(htmlARepeter);


Je sais pas si c'est très clair, merci des réponses éventuelles :)