Đị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:

html<p id="elem">văn bản</p>

Hãy làm cho phần tử này có màu đỏ:

javascriptlet elem = document.querySelector('#elem');
elem.style.color = 'red';
Задание 1

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.