classi CSS consentono di creare le caratteristiche per tag HTML senza la necessità di impostare la classe per ogni tag separatamente. Si crea una classe CSS e aggiungere il nome della classe di proprietà "classe" del tag. È possibile modificare dinamicamente il nome della classe con la proprietà "className" in una funzione JavaScript.

istruzione

1 Fare clic destro sul file HTML o un file JS che contiene le funzioni JavaScript. Fai clic su "Apri con", quindi fare doppio clic su un editor di JavaScript.

2 Aggiungere la funzione JavaScript al codice. La seguente funzione cambia il nome della classe di "MyClass":

Funzione changeClass (controllo) {

control.className = "MyClass";

}

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

onclick = "changeClass (questo)"

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