Jak zmienić kolor tekstu w JavaScript

Zmiana koloru tekstu wpływa na wygląd stron internetowych.

Krok 1

Twórz elementy HTML zawierające tekst. Ten przykład pokazuje, jak utworzyć trzy tagi, które mogą korzystać z funkcji JavaScript utworzonych w następujących krokach: Zmień kolor Div (zmień kolor Div)

Zmień kolor tekstu tego akapitu. (Zmienia kolor tekstu tego akapitu). Zmień znacznik koloru zakresu

Krok 2

Utwórz funkcję dla znacznika div. Następująca funkcja JavaScript pobiera znacznik div utworzony w kroku 1 i zmienia kolor na czerwony: function divColorChange () {document.getElementById ("myDiv"). Style.color = '# FF0000';}

Krok 3

Zmień kolor etykiety akapitu. Następująca funkcja JavaScript zmienia kolor tekstu elementu z akapitu utworzonego w kroku 1 na biały: funkcja dla ColorChange () {document.getElementById ("myParagraph"). Style.color = '# 000000';}

Krok 4

Zmień kolor etykiety rozszerzenia. Na koniec zmień etykietę tekstową na czarny z następującym kodem: {document.getElementById ("mySpan"). Style.color = '#FFFFFF';

Krok 5

Twórz przyciski, aby żądać funkcji JavaScript. Funkcje są tworzone, ale nic się nie dzieje, dopóki nie poprosisz o nie w kodzie HTML. Poniższy kod tworzy przyciski. Kiedy użytkownik kliknie jeden z przycisków, wywoływana jest odpowiednia funkcja JavaScript: