La classe di stile per gli oggetti nelle pagine Web viene utilizzata per modificare i colori, visibilità e gli attributi dei font. È possibile modificare gli stili utilizzando codice JavaScript nel vostro layout di pagina Web. Questo rende il layout dinamico per gli utenti. La classe di stile è benefica per i menu, forme e altre parti di una pagina Web che hanno bisogno di cambiamenti rapidi dopo l'input dell'utente. Poiché il codice JavaScript viene eseguito il browser del client Web, è più veloce e non richiede all'utente di attendere per caricare una nuova pagina.

Istruzioni

1

Creare un blocco di script nella pagina Web. Tutto il codice JavaScript deve essere contenuto in un blocco di script, quindi il browser Web sa che il codice deve essere eseguito. Il codice riportato di seguito crea un blocco di script:
< script type = "text/javascript" >< / script >

2

Creare un elemento sulla tua pagina Web. Maggior parte degli elementi di una pagina Web hanno la classe di stile disponibile, quindi è possibile modificare il formato. In questo esempio viene creata una casella di testo il codice riportato di seguito:
< input type = "testo" id = "myTextbox" >

3

Aggiungere il codice JavaScript per modificare lo stile dell'elemento. Ci sono diversi stili disponibili. In questo esempio, JavaScript viene utilizzato per impostare la visibilità dell'elemento su "hidden". Il codice per fare questo è qui sotto:
document.getElementById("myTextBox").style [visibilità] = "hidden";

Consigli & Avvertenze

• Link risorse qui sotto contiene un elenco di stili disponibili per gli script dinamici JavaScript.