Om texten du vill ändra redan i sin egen del ( till exempel

; Ändra färg på hela denna punkt

) , gå sedan till nästa steg .

Om du bara vill ändra färg på ett fragment av text i ett element (till exempel ordet ” färg ” i

Ändra färg på lite text

) , sedan surround som fragment i en taggen för att isolera det . För föregående exempel , skulle du ha

Ändra färg av lite text

.
3 .
Tilldela en identifierare till element som innehåller texten som du vill ändra genom att använda ” id ” -attributet . Denna identifiering måste inte tillhöra någon annan del på sidan . Till exempel :

Ändra färg av lite text

4
.
Lägg till ett element som kommer att innehålla en funktion för att ändra färgen på texten :

5
I kroppen av denna funktion ( mellan . klammerparenteserna ) och lägg till följande kodrad :

document. getElementById ( " colorize_me " ) . style. color=" red " ;

Ersätt " colorize_me " med identifierare som du tilldelade i steg 3 , och ersätta " röd " med den färg du vill göra texten

"Dokument " referens returnerar det element som representerar hela HTML- dokument . Ringa " getElementById " -funktionen returnerar element som har den angivna identifierare , och därifrån kan du komma åt "stil " egendom , som innehåller CSS ( Cascading Style Sheets ) egenskaper , varav en är " färg (se Resurser ) . "

6 .
Kalla denna funktion från en lämplig plats i dokumentet . Som ett exempel , skapar följande rad på en länk som kommer att förändra textfärgen när användaren klickar på det:

Klicka på mig