Tạo phần tử trong vòng lặp bằng JavaScript
Trong các bài học trước, chúng ta đã tạo từng phần tử mới một. Bây giờ hãy làm sao để các phần tử mới được tạo ra trong một vòng lặp.
Lấy ví dụ, chúng ta có một div cha như sau:
<div id="parent"></div>
Hãy chạy một vòng lặp, vòng lặp này sẽ thêm 9 đoạn văn mới vào cuối div của chúng ta:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = '!';
parent.appendChild(p);
}
Cho một phần tử ul trống. Hãy chạy một vòng lặp để chèn 10 thẻ li vào đó. Hãy làm sao để nội dung text của mỗi li là số thứ tự của nó.
