Oprettelse af elementer i loop i JavaScript
I de foregående lektioner oprettede vi kun ét nyt element ad gangen. Lad os nu gøre så nye elementer oprettes i et loop.
Lad os som eksempel have denne forælder-div:
<div id="parent"></div>
Lad os starte et loop, der vil tilføje
9 nye afsnit til slutningen af vores div:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = '!';
parent.appendChild(p);
}
Givet en tom ul. Start et loop, der indsætter
10 li tags i den. Sørg for,
at teksten i hver li er dens ordenstal.