💡 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日
Thay đổi Style
📌
Kết luận
Thay đổi Style trực tiếp qua element.style.thuộc_tính
📝 Mã thực tế tại đây
el.style.backgroundColor = 'lightblue';background-color thành backgroundColor).
Tổng kết
- Can thiệp trực tiếp vào phong cách CSS thông qua JavaScript - Tên thuộc tính dùng dạng camelCase - Cách tốt hơn thường là dùng classList để quản lý class thay vì ghi đè style trực tiếpHãy thử trong phần bài tập
Hãy đổi màu nền thành lightblue bằng JavaScript 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
Đổi màu nền của phần tử id='box' thành 'lightblue' bằng JavaScript.
Gợi ý khi gặp khó khăn
element.style.backgroundColor = 'lightblue'