Création d'éléments en boucle en JavaScript

Dans les leçons précédentes, nous créions un nouvel élément à la fois. Créons maintenant des nouveaux éléments dans une boucle.

Prenons par exemple cette div parente :

html<div id="parent"></div>

Lançons une boucle qui ajoutera à la fin de notre div 9 nouveaux paragraphes :

javascriptlet parent = document.querySelector('#parent');

for (let i = 1; i <= 9; i++) {
  let p = document.createElement('p');
  p.textContent = '!';
  
  parent.appendChild(p);
}