Ändra textens färg på en webbsida ger användarna en interaktiv , oväntad upplevelse , och är en av de mest effektiva sätten att påverka hemsidans utformning . En användare kan ändra text färgar med hjälp av JavaScript och inställningar stil , genom att använda en av flera tekniker i HTML-koden . Instruktioner 1
Skapa HTML-element som innehåller text . Detta exempel visar hur du skapar tre taggar som kan använda JavaScript- funktioner som skapas i de kommande stegen :
Ändra färga av Div
Ändra detta stycke text färg . Ändra färg span -taggen < /span > < /p > < /div > 2
Skapa funktion för div-taggen . Följande JavaScript -funktionen griper div-taggen skapade i steg 1 och ändrar färg till röd : function divColorChange ( ) { . Document.getElementById ( ' myDiv ' ) style.color = ' # FF0000 " ;}
3
Ändra färg på punkt taggen . Följande JavaScript -funktionen ändrar färgen på punkt elementet text skapades i steg 1 till vitt : function paraColorChange ( ) ; 4 { document.getElementById ( ' myParagraph ' ) style.color = ' # 000000 ' . }
Ändra färg i span-tagg . Slutligen , ändra texten span -taggen till svart med följande kod : function spanColorChange ( ) ; 5
Skapa knappar { document.getElementById ( ' mySpan ' ) style.color = ' # FFFFFF ' . } att anropa JavaScript -funktioner . Funktionerna är skapade , men inget händer förrän du kallar dem i HTML-koden . Följande kod skapar knappar . När en användare klickar på en av knapparna , visas motsvarande JavaScript -funktion som heter : < input type = " button" value = " Punkt Color " onclick = " paraColorChange ( ) " />
