💡 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日

Lấy tất cả phần tử

📌

Kết luận

Dùng querySelectorAll kết hợp forEach để xử lý hàng loạt

📝 Mã thực tế tại đây

document.querySelectorAll('.item').forEach(el => {
  el.style.color = 'blue';
});

Tổng kết

- querySelectorAll trả về một danh sách (NodeList) - Dùng forEach để lặp qua và thay đổi từng phần tử một

Hãy lấy tất cả mục trong danh sách và xuất nội dung của chúng ra console 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

Lấy tất cả thẻ li trong danh sách và xuất nội dung từng cái ra console.

Gợi ý khi gặp khó khăn

querySelectorAll và vòng lặp forEach.