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.
<span id=\"mySpan\">Change the span tag color </span>
</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'
GÅ
}
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'
GÅ
}
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'
GÅ
}
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 () \" />