Di HTML Document Object Model, o DOM, offre agli sviluppatori Web la possibilità di modificare qualsiasi elemento Web che appare su un sito Web. Ad esempio, con un po' di conoscenza sul DOM, è possibile modificare il colore del carattere di una textarea. Un'area di testo è una casella di testo su più righe. È utile per la creazione di moduli di input utente ed editor di testo interattivo. Per applicare un effetto di cambiamento di colore a una textarea, modificarne le proprietà utilizzando una funzione JavaScript.

Istruzioni

1

Aprire una delle pagine Web utilizzando blocco note o un editor HTML.

2

Individuare la sezione "< body >" e aggiungere questo codice:

< textarea id = "TextArea1" cols = "20" righe = "2" >< / textarea >

< id di input = "Button1" type = "button" value = "Fare clic su Cambia testo Area Font colore" changecolor "/ >

Questo crea un controllo textarea e un pulsante che cambierà il colore del carattere quando cliccato.

3

Aggiungere questo codice alla sezione "< script >" del documento:

var controlToChange = "TextArea1";

newColor var = "green";

La prima riga memorizza il nome del controllo da modificare nella variabile denominata "controlToChange." Si noti che questo nome corrisponde all'ID del controllo textarea. La variabile nella seconda riga contiene il nome del nuovo colore. Modificarlo con qualsiasi colore che ti piace. Racchiudere il nome del colore tra virgolette, come illustrato in precedenza.

4

Aggiungere questa funzione JavaScript sotto le righe di codice precedenti:

Function changeColor() () {

tempObject = document.getElementById(controlToChange);

tempObject.style.color = newColor;

}

Questo codice recupera un riferimento al controllo textarea e ne cambia il colore del carattere modificando la proprietà "color".

5

Salvare il documento HTML e aprirlo nel browser. Digitare il testo nel campo sottostante e fare clic sul pulsante. Il colore del carattere cambierà il colore definito nel codice JavaScript.

Consigli & Avvertenze

• È inoltre possibile modificare il colore di sfondo di textarea aggiungendo "tempObject.style.backgroundColor = newColor" fino alla fine della funzione JavaScript.