Ændre tekstfarve på en webside giver brugerne en interaktiv, uventet oplevelse , og er en af de mest effektive måder at påvirke den webside design. En bruger kan ændre tekst- farver ved hjælp JavaScript og stil indstillinger ved hjælp af en af flere teknikker i HTML-koden. Instruktioner 1
Opret HTML-elementer , der indeholder tekst . Dette eksempel viser , hvordan du opretter tre mærker, der kan bruge JavaScript-funktioner skabt i de næste par trin :
Ændre farven på Div
Change dette stykke tekst farve. Skift span tag farve
2
Opret funktionen for div tag . Den følgende JavaScript-funktion griber div tag oprettet i trin 1, og skifter farve til rød : function divColorChange () { . Document.getElementById ( myDiv ) style.color = ' # ff0000 ' ;} < br > 3
Ændre farven på afsnittet tag . Den følgende JavaScript-funktion ændrer farven af stykket element tekst oprettet i trin 1 til hvid : function paraColorChange (); 4 { document.getElementById ( ' myParagraph ) style.color =' # 000000 ' . }
Ændr farven i span -tag. Endelig ændre span tag tekst til sort med følgende kode : function spanColorChange (); 5
oprette knapper { document.getElementById ( ' mySpan ) style.color =' # FFFFFF ' . } at kalde JavaScript-funktioner . Funktionerne er skabt , men der sker ingenting , indtil du kalder dem i HTML-koden . Følgende kode opretter knapper. Når en bruger klikker på en af knapperne , er den tilsvarende JavaScript-funktion kaldet : < input type = " button" value = " Stk Color " onclick = " paraColorChange ()" /> < br >