Dator > hur man kan ändra teckensnitt färger med javascript

  • hur man kan ändra teckensnitt färger med javascript


  • 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 (

    ) eller en infogad element ( ) , eftersom du kommer att använda färgen på denna faktor och detta kommer att ändra färg på all text i den.

    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
    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


Previous:nothing Next:Vad är JavaScript ogiltigt ?





Relaterade artiklar


  • hur man identifierar hårdvaran på Toshiba Tecra S1
  • hur man rengör PC-hårdvara
  • Hur gör jag beständighetsprovningen hårdvara när man bygger en dator?
  • hur man installerar drivrutinen hårdvara
  • hur man fixar hårdvara
  • Var kan jag återvinna hårdvara?
  • hur du uppgraderar hårdvaran i en Inspiron 6400
  • vad är hårdvara & mjukvara?
  • vad är hårdvara i ett datorsystem?
  • hur man kopierar musik från en dator till ett PSP