Javascript createElement and appendchild in one step - Stack Overflow
lundi 25 septembre 2017 à 20:01Ah 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.
— (permalink)