Python Tutorial

JavaScript DOM CSS


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 :

document.getElementById(identifiant).style.propriété = nouveau style

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

Exemple

Bonjour le monde !


Essayez-le vous-même »


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 :

Exemple

Mon titre 1

onclick= »document.getElementById(‘id1’).style.color= »rouge » »>
Cliquez sur moi !


Essayez-le vous-même »



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.



#JavaScript #DOM #CSS

Articles similaires

Bouton retour en haut de la page