Définition massive de styles en JavaScript
Il est possible de définir plusieurs styles à la fois
avec une seule commande. Cela se fait à l'aide de la propriété
cssText :
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Cette propriété est rarement utilisée car une telle assignation supprime tous les styles existants : elle ne les ajoute pas, mais les remplace. On peut accidentellement supprimer quelque chose de nécessaire. Mais elle peut être utilisée, par exemple, pour de nouveaux éléments, lorsque nous sommes sûrs de ne pas supprimer un style existant.
Réécrivez le code en utilisant la propriété étudiée :
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';
