Classi CSS consentono di creare le funzionalità per i tag HTML senza la necessità di configurare separatamente la classe per ogni tag. Creare una classe CSS e aggiungere il nome della classe alla proprietà di "classe" del tag. È possibile modificare dinamicamente il nome della classe utilizzando la proprietà "className" in una funzione JavaScript.

Istruzioni

1

Pulsante destro del mouse il file HTML o file JS che contiene le funzioni di JavaScript. Fare clic su "Apri con", quindi fare doppio clic su editor di JavaScript.

2

Aggiungere la funzione JavaScript al codice. La funzione seguente modifica il nome della classe di "myclass":

Function changeClass(control) () {

control.className = "myclass";

}

3

Aggiungere la funzione per il tag che si desidera modificare. Il codice seguente aggiunge il cambiamento di classe per l'evento "onclick" per un pulsante:

OnClick="changeClass(this)"

4

Salvare le modifiche e aprire la pagina in un browser Web. Fare clic sull'oggetto che è stato modificato nel passaggio 3 e notare i cambiamenti di classe. Gli effetti definiti nella classe hanno effetto immediato.