Elementen maken in een lus in JavaScript
In eerdere lessen hebben we één nieuw element gemaakt. Laten we nu ervoor zorgen dat nieuwe elementen in een lus worden gemaakt.
Laten we voor het voorbeeld een ouder-div hebben zoals deze:
<div id="parent"></div>
Laten we een lus starten die
aan het einde van onze div 9 nieuwe alinea's toevoegt:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = '!';
parent.appendChild(p);
}
Gegeven een lege ul. Start een lus die
er 10 li-tags in plaatst. Zorg ervoor
dat de tekst van elke li haar volgnummer is.