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.