💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!
Cập nhật: 2025年3月1日
Tạo phần tử mới
📌
Kết luận
Kết hợp createElement và appendChild để tạo thêm nội dung
📝 Mã thực tế tại đây
const li = document.createElement('li');
li.textContent = 'Mục mới';
document.getElementById('list').appendChild(li);Tổng kết
-createElement dùng để tạo ra một thẻ HTML "trong bộ nhớ"
- appendChild dùng để gắn thẻ đó vào vị trí mong muốn trên trang
- Đây là nền tảng để tạo ra các ứng dụng như danh sách TODO
Hãy thử trong phần bài tập
Hãy tạo một thẻ p và thêm nó vào trong container nhé.🧪 Thử nghiệm tại đây
Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.
■ Bài tập thực hành
Tạo thẻ p mới, gán văn bản và thêm nó vào trong thẻ có id='container'.
Gợi ý khi gặp khó khăn
Sử dụng createElement và appendChild.