Med hjälp av JavaScript kan webbutvecklare ändra dynamiskt innehåll och stil attribut på en webbsida . Byta färg på en bit text på en sida är ett enkelt men effektivt sätt att locka användarens uppmärksamhet — till exempel , kan du ändra färg på en etikett på ett formulärfält till rött om användaren inte har lämnat information som han är skyldig att lämna
Du behöver : .
textredigerare
1
I en textredigerare , öppna HTML- filen som innehåller texten . du vill ändra .
2 .
Identifiera text vars färg du vill ändra . Denna text , och endast denna text , måste finnas med i sitt eget HTML-element , exempelvis ett stycke tagg (
) , ett block element (
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:
Previous：nothing Next：Vad är JavaScript ogiltigt ?
Relaterade artiklar