Jak změnit barvu textu v jazyce JavaScript

Změna barvy textu ovlivňuje návrh webových stránek.

Krok 1

Vytvořte prvky HTML, které obsahují text. Tento příklad ukazuje, jak vytvořit tři značky, které mohou používat funkce JavaScriptu vytvořené v následujících krocích: Změna barvy Div (změnit barvu Div)

Změňte barvu textu tohoto odstavce. (Změní barvu textu tohoto odstavce). Změňte značku rozpětí barev

Krok 2

Vytvořte funkci pro značku div. Následující funkce jazyka přebírá značku div vytvořenou v kroku 1 a změní barvu na červenou: funkce divColorChange () {document.getElementById ('myDiv') Style.color = '# FF0000';}

Krok 3

Změna barvy označení odstavce. Následující funkce jazyka JavaScript změní barvu textu prvku z odstavce vytvořené v kroku 1 na bílou: funkce pro ColorChange () {document.getElementById ('myParagraph') Style.color = '# 000000';}

Krok 4

Změna barvy rozšiřujícího štítku. Nakonec změňte textový štítek na černou s následujícím kódem: {document.getElementById ('mySpan') Style.color = '#FFFFFF';}

Krok 5

Vytvořte tlačítka pro vyžádání funkcí JavaScriptu. Funkce jsou vytvořeny, ale nic se nestane, dokud je nepožádáte v kódu HTML. Následující kód vytváří tlačítka. Když uživatel klepne na jedno z tlačítek, volá se odpovídající funkce jazyka JavaScript: