Changing Text-Farbe auf einer Web-Seite bietet den Benutzern eine interaktive , unerwartete Erfahrung und ist einer der effektivsten Wege, um die Web-Seite Design auswirken . Ein Benutzer kann Text ändern Farben mit Hilfe von JavaScript und Style-Einstellungen, indem Sie eine von mehreren Techniken, die im HTML-Code. Anleitung
1

Erstellen von HTML- Elementen , die Text enthalten . Dieses Beispiel zeigt, wie drei -Tags, die die JavaScript-Funktionen in den nächsten Schritten erstellt verwenden können :

2

erstellen Sie die Funktion für das div-Tag . Der folgende JavaScript-Funktion packt die div-Tag in Schritt 1 erstellt und ändert seine Farbe auf Rot: Funktion divColorChange () { . Document.getElementById (' myDiv ') style.color = '# FF0000 ';}

3

ändern der Farbe von der Absatz-Tag . Der folgende JavaScript-Funktion ändert sich die Farbe des Absatzes Element Text in Schritt 1 bis weiß erstellt : function paraColorChange ();
4 { document.getElementById (' myParagraph ') style.color = '# 000000' . }

ändern Sie die Farbe in der span-Tag . Schließlich ändern Sie die span-Tag Text schwarz mit dem folgenden Code : function spanColorChange ();
5

Erstellen von Schaltflächen { document.getElementById (' mySpan ') style.color = '# FFFFFF ' . } die JavaScript- Funktionen aufrufen. Die Funktionen erstellt werden, aber es passiert nichts , bis Sie sie im HTML- Code. Der folgende Code erstellt Schaltflächen. Klickt ein Nutzer auf eine der Schaltflächen , die entsprechende JavaScript -Funktion aufgerufen wird :