July 3
La classe di stile per gli oggetti sulle pagine Web viene usato per cambiare i colori, la visibilità e gli attributi dei font. È possibile modificare gli stili utilizzando il codice JavaScript nel layout di pagina Web. Questo rende il layout dinamico per gli utenti. La classe di stile è vantaggioso per i menu, le forme e le altre parti di una pagina Web che necessitano di rapidi cambiamenti dopo l'input dell'utente. Dal momento che è gestito JavaScript sul browser del client, è più veloce e non richiede all'utente di attendere una nuova pagina da caricare.
1 Creare un blocco di script nella pagina Web. Tutto il codice JavaScript deve essere contenuta all'interno di un blocco di script, in modo che il browser web sa che il codice deve essere eseguito. Il seguente codice crea un blocco di script:
<Script type = "text / javascript"> </ script>
2 Creare un elemento nella pagina Web. La maggior parte degli elementi di una pagina Web hanno la classe di stile disponibili, in modo da poter cambiare il suo formato. Per questo esempio, una casella di testo viene creato nel seguente codice:
<Input type = "text" id = "MyTextBox">
3 Aggiungere il codice JavaScript per modificare lo stile dell'elemento. Ci sono diversi stili disponibili. In questo esempio, viene utilizzato JavaScript per impostare la visibilità dell'elemento a "nascosto". Il codice per fare questo è al di sotto:
document.getElementById ( "myTextBox") in stile [visibilità] = "hidden".;