Changer la couleur de texte sur une page Web offre aux utilisateurs une expérience interactive inattendu , et est l'un des moyens les plus efficaces pour influer sur la conception de la page Web . Un utilisateur peut changer la couleur du texte à l'aide de JavaScript et des paramètres de style , en utilisant l'une des nombreuses techniques dans le code HTML. Instructions 1
créer des éléments HTML contenant du texte . Cet exemple montre comment créer trois balises qui peuvent utiliser les fonctions JavaScript créés dans les prochaines étapes :
Changer la couleur de la Div
Changement présent paragraphe texte couleur. Changez la couleur de la balise span
< /div> 2
créer la fonction pour la balise div . La fonction JavaScript suivante récupère la balise div créé à l'étape 1 et change de couleur au rouge : fonction divColorChange () { . Document.getElementById (' myDiv ') style.color = ' # FF0000 ';}
3
Changer la couleur de l'étiquette de paragraphe. La fonction JavaScript suivante modifie la couleur de l'élément de texte de paragraphe créé à l'étape 1 à blanc : fonction paraColorChange (); 4 { document.getElementById (' myParagraph ') style.color = ' # 000000' . }
Changer la couleur de la balise span . Enfin, changer le texte de la balise span en noir avec le code suivant: function spanColorChange (); 5
créer des boutons { document.getElementById (' mySpan ') style.color = ' # FFFFFF ' . } pour appeler les fonctions JavaScript . Les fonctions sont créées, mais rien ne se passe jusqu'à ce que vous les appelez dans le code HTML. Le code suivant crée boutons. Quand un utilisateur clique sur un des boutons , la fonction JavaScript correspondante est appelée : onclick="divColorChange()" = valeur < type de saisie " bouton" = " paragraphe Color" onclick = " paraColorChange () " /> < br > Photos
