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

Thêm Class

📌

Kết luận

Dùng classList.add() để thêm class CSS vào phần tử

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

el.classList.add('active');
el.classList.remove('active');
el.classList.toggle('active');

Tổng kết

- classList giúp quản lý các class một cách chuyên nghiệp - Thường dùng để kích hoạt các hiệu ứng CSS (như hiện/ẩn, đổi màu)

Hãy thử thêm class "active" cho phần tử 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

Thêm class 'active' vào phần tử có id='box'.

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

element.classList.add('active')