Stylisation des éléments via l'attribut style en JavaScript
Apprenons maintenant à ajouter des styles CSS
aux éléments. Cela se fait en modifiant l'attribut
style.
Par exemple, pour changer la couleur, il faut construire
la chaîne suivante : elem.style.color,
et lui assigner la valeur de couleur souhaitée.
Regardons un exemple. Disons que nous avons cet élément :
<p id="elem">text</p>
Rendons cet élément de couleur rouge :
let elem = document.querySelector('#elem');
elem.style.color = 'red';
Un div et un bouton sont donnés. Lors d'un clic sur le bouton, ajoutez au div une largeur, une hauteur et une bordure.