Создание элементов в цикле на JavaScript
В предыдущих уроках мы с вами создавали по одному новому элементу. Давайте теперь сделаем так, чтобы новые элементы создавались в цикле.
Пусть для примера у нас есть вот такой див-родитель:
<div id="parent"></div>
Давайте запустим цикл, который добавит в
конец нашего дива 9 новых абзацев:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = '!';
parent.appendChild(p);
}
Дан пустой ul. Запустите цикл, который вставит
в него 10 тегов li. Сделайте так,
чтобы текстом каждой li был ее порядковый номер.