Penetapan Gaya Secara Pukal dalam JavaScript
Anda boleh menetapkan beberapa gaya sekaligus dengan satu
arahan. Ini dilakukan dengan menggunakan sifat
cssText:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Sifat ini jarang digunakan, kerana penetapan sedemikian memadamkan semua gaya yang sedia ada: ia tidak menambah, tetapi menggantikannya. Anda boleh secara tidak sengaja memadamkan sesuatu yang diperlukan. Tetapi ia boleh digunakan, contohnya, untuk elemen baharu, apabila kita pasti bahawa kita tidak akan memadam gaya yang sedia ada.
Tulis semula kod menggunakan sifat yang telah dipelajari:
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';