endre tekst farge 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 tekst farger ved hjelp av JavaScript og innstillingene for stil, ved å bruke en av flere teknikker i HTML-koden . Instruksjoner en
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 :
Endre fargen på Div
Endre denne paragrafen tekst farge. Endre span tag farge < /span > < /p > < /div > 2
Lag funksjonen for div tag . Følgende JavaScript-funksjonen griper div tag opprettet i trinn 1 og endrer farge til rødt : function 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 : function paraColorChange (); 4 { document.getElementById (' myParagraph ') style.color = '# 000000 ' . }
Endre fargen i spankode . Til slutt , endre spankode teksten til svart med følgende kode : function spanColorChange (); 5
Lag knapper { document.getElementById (' mySpan ') style.color = '# FFFFFF ' . } å ringe JavaScript-funksjoner . Funksjonene er skapt , 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-funksjon som heter : < input type = " button" verdi = "Avsnitt Color " onclick = " paraColorChange ( )" />
