#16805 - Javascript createElement and appendchild in one step - Stack Overflow
Ah bien !
Une méthode pour faire des .appendChild() embriqués, sans passer par des variables supplémentaires :
Au lieu de faire :
var ul = document.createElement('ul');
var li = document.createElement('li');
li.appendChild(document.createTextNode('du texte');
ul.appendChild(li);
Faire :
ul.appendChild( (document.createElement('li')).appendChild(document.createTextNode('du texte')).parentNode );
L’astuce ici est le .parentNode à la fin. Le .appendChild retourne l’élément ajouté. Donc sans l’astuce, il enverrait le texte directement au UL. Ici, on revient sur le parentNode du texte, donc le LI, que l’on envoie au UL. Brillant.