Menetapkan Gaya Secara Massal dalam JavaScript
Anda dapat menetapkan beberapa gaya sekaligus dengan satu
perintah. Ini dilakukan dengan menggunakan properti
cssText:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Properti ini jarang digunakan karena penetapan seperti itu menghapus semua gaya yang sudah ada: ia tidak menambahkan, tetapi menggantikannya. Anda bisa tidak sengaja menghapus sesuatu yang diperlukan. Tetapi properti ini dapat digunakan, contohnya, untuk elemen baru, ketika kita benar-benar yakin bahwa kita tidak akan menghapus gaya yang sudah ada.
Tulis ulang kode menggunakan properti yang telah dipelajari:
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';
