Menetapkan Gaya Secara Massal dalam JavaScript

Anda dapat menetapkan beberapa gaya sekaligus dengan satu perintah. Ini dilakukan dengan menggunakan properti cssText:

javascriptelem.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.

javascriptelem.style.width  = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color  = 'red';