Định dạng các phần tử thông qua thuộc tính style trong JavaScript
Bây giờ hãy cùng học cách thêm CSS styles
cho các phần tử. Điều này được thực hiện bằng cách thay đổi thuộc tính
style.
Ví dụ, để thay đổi màu sắc, bạn cần xây dựng
chuỗi sau: elem.style.color,
và gán cho nó giá trị màu mong muốn.
Hãy xem một ví dụ. Giả sử chúng ta có phần tử như sau:
<p id="elem">văn bản</p>
Hãy làm cho phần tử này có màu đỏ:
let elem = document.querySelector('#elem');
elem.style.color = 'red';
Cho một div và một nút. Khi nhấp vào nút, hãy thêm chiều rộng, chiều cao và đường viền cho div.