Hvordan endre tekstfarge i Javascript

Endre tekstfarge på en nettside gir brukerne en interaktiv, uventet opplevelse, og er en av de mest effektive måtene å påvirke nettsidens design. En bruker kan endre tekstfarger ved hjelp av Javascript og stilinnstillinger, ved å bruke en av flere teknikker i HTML-koden.

Bruksanvisning

1 Lag HTML-elementer som inneholder tekst. Dette eksemplet viser hvordan du oppretter tre koder som kan bruke Javascript-funksjoner som er opprettet i de neste trinnene:
<Div id = \ "myDiv \">
Endre fargen på Div
<P id = \ "myParagraph \">

Change this paragraph text color.
&lt;span id=\&quot;mySpan\&quot;>Change the span tag color &lt;/span>
&lt;/p>

</ Div>

2 Lag funksjonen for div tag. Følgende Javascript-funksjonen griper div tag opprettet i trinn 1 og skifter farge til rødt:
funksjon divColorChange ()
{

document.getElementById('myDiv').style.color = '#FF0000'


}

3 Endre fargen på avsnittet tag. Følgende Javascript-funksjonen endrer fargen på avsnittet element teksten opprettet i trinn 1 til hvitt:
funksjon paraColorChange ()
{

document.getElementById('myParagraph').style.color = '#000000'


}

4 Endre fargen på span tag. Til slutt, endre span tag teksten til svart med følgende kode:
funksjon spanColorChange ()
{

document.getElementById('mySpan').style.color = '#FFFFFF'


}

5 Lag knapper for å ringe Javascript-funksjoner. Funksjonene er opprettet, men ingenting skjer før du kaller dem i HTML-koden. Følgende kode oppretter knapper. Når en bruker klikker på en av knappene, er den tilsvarende Javascript-funksjonen som heter:
<Input type = \ "-knappen \" value = \ "Div Color \" onclick = \ "divColorChange () \" />
<Input type = \ "-knappen \" value = \ "Avsnitt Color \" onclick = \ "paraColorChange () \" />
<Input type = \ "-knappen \" value = \ "Span Color \" onclick = \ "spanColorChange () \" />