JavaScript'te Toplu Stil Atama
Bir seferde birden fazla stil tek bir komutla
ayarlanabilir. Bu, cssText özelliği
kullanılarak yapılır:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Bu özellik nadiren kullanılır çünkü bu şekilde atama yapmak mevcut tüm stilleri siler: stilleri eklemez, onların yerine geçer. İstenilen bir şeyi yanlışlıkla silebilirsiniz. Ancak, yeni öğeler için, mevcut bir stili silmeyeceğimizden kesinlikle emin olduğumuzda kullanılabilir.
Kodu öğrenilen özellik kullanarak yeniden yazın:
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';