Comment changer la couleur du texte en JavaScript

Étape 1

Créez des éléments HTML contenant du texte. Cet exemple montre comment créer trois balises pouvant utiliser les fonctions JavaScript créées dans les étapes suivantes: Modifier la couleur de la div (modifier la couleur de la div)

Changer la couleur du texte de ce paragraphe. (Change la couleur du texte de ce paragraphe). Changer la balise de couleur span

Étape 2

Créez la fonction pour la balise div. La fonction JavaScript suivante reprend la balise div créée à l'étape 1 et modifie la couleur en rouge: function divColorChange () {document.getElementById ('myDiv'). Style.color = '# FF0000';}

Étape 3

Changer la couleur de l'étiquette du paragraphe. La fonction JavaScript suivante modifie la couleur du texte de l'élément du paragraphe créé à l'étape 1 en blanc: function for ColorChange () {document.getElementById ('myParagraph'). Style.color = '# 000000';}

Étape 4

Changer la couleur de l'étiquette d'extension. Enfin, modifiez l’étiquette de texte en noir avec le code suivant: {document.getElementById ('mySpan'). Style.color = '#FFFFFF';}

Étape 5

Créez des boutons pour demander des fonctions JavaScript. Les fonctions sont créées mais rien ne se passe jusqu'à ce que vous les demandiez dans le code HTML. Le code suivant crée des boutons. Lorsqu'un utilisateur clique sur l'un des boutons, la fonction JavaScript correspondante est appelée: