Thiết lập hàng loạt kiểu CSS trong JavaScript
Có thể thiết lập nhiều kiểu ngay lập tức bằng một
lệnh. Điều này được thực hiện thông qua thuộc tính
cssText:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Thuộc tính này hiếm khi được sử dụng, bởi vì việc gán như vậy xóa tất cả các kiểu hiện có: nó không thêm vào mà thay thế chúng. Có thể vô tình xóa mất thứ gì đó cần thiết. Nhưng nó có thể được sử dụng, ví dụ, cho các phần tử mới, khi chúng ta chắc chắn rằng sẽ không xóa kiểu đang tồn tại.
Viết lại mã bằng thuộc tính đã học:
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';
