Le DOM HTML permet à JavaScript de modifier le style des éléments HTML.

Modification du style HTML

Pour changer le style d’un élément HTML, utilisez cette syntaxe :

L’exemple suivant modifie le style d’un <p> élément:

Utilisation des événements

Le DOM HTML vous permet d’exécuter du code lorsqu’un événement se produit.

Les événements sont générés par le navigateur lorsque “des choses arrivent” aux éléments HTML :

• Un élément est cliqué
• La page est chargée
• Les champs de saisie sont modifiés

Vous en apprendrez plus sur les événements dans le chapitre suivant de ce didacticiel.

Cet exemple change le style de l’élément HTML avec id="id1"lorsque l’utilisateur clique sur un bouton :

Plus d’exemples

Visibilité Comment rendre un élément invisible. Voulez-vous afficher l’élément ou non ?

Référence d’objet de style HTML DOM

Pour toutes les propriétés de style HTML DOM, consultez notre référence complète sur les objets de style HTML DOM.