Hvordan endre Skriftfarge i Textarea

Hvordan endre Skriftfarge i Textarea


HTML Document Object Model, eller DOM, gir webutviklere muligheten til å endre en Web-element som vises på en nettside. For eksempel, med litt kunnskap om DOM, kan du endre skriftfargen på en textarea. En textarea er et tekstboksen. Det er nyttig for å lage bruker innspill skjemaer og interaktive tekstredigeringsprogrammer. For å bruke en fargeendring effekt på et tekstfelt, endre egenskaper ved å bruke en Javascript-funksjon.

Bruksanvisning

1 Åpne en av dine websider ved hjelp av Notepad eller en HTML-editor.

2 Finn "<body>" delen, og legg denne koden:

<textarea id = "TextArea1" Cols = "20" rader = "2"> </ textarea>

<Input id = "Button1" type = "button" value = "Klikk for å endre tekstområde Font Color" onclick = "changeColor ()" />

Dette skaper et textarea kontroll og en knapp som vil endre skriftfarge når du klikker.

3 Legg denne koden til "<script>" delen av dokumentet:

Var controlToChange = "TextArea1";

Var newColor = "grønn";

Den første linjen lagrer navnet på kontrollen til å endre i variabelen som heter "controlToChange." Merk at dette navnet passer IDen til textarea kontroll. Den variable i den andre linje inneholder navnet på den nye fargen. Endre dette til alle farger som du liker. Legg ved fargenavnet i anførselstegn, som vist ovenfor.

4 Legg til Javascript-funksjonen under de tidligere kodelinjer:

funksjon changeColor () {

tempObject = document.getElementById (controlToChange);

tempObject.style.color = newColor;

}

Denne koden henter en referanse til textarea kontroll og endrer skriftfarge ved å endre "style.color" eiendom.

5 Lagre HTML-dokumentet og åpne den i nettleseren din. Skriv inn tekst i tekstfeltet og klikk på knappen. Skriftfargen endres til den fargen du definert i Javascript-kode.

Hint

  • Du kan også endre textarea bakgrunnsfarge ved å legge til "tempObject.style.backgroundColor = newColor" til slutten av Javascript-funksjonen.