Come usare JavaScript per cambiare la classe CSS per una pagina intera

November 8

i fogli di stile a cascata (CSS) forniscono un modo per utilizzare le classi per impostare il layout di pagina. Il tag "corpo" contiene tutte le immagini del sito web, testo e colori. Si cambia questa classe utilizzando JavaScript per modificare gli attributi di tutto il pagina. Questo è utile quando si desidera impostare i temi per i tuoi lettori del sito web. È possibile cambiare il tema di classe in modo dinamico per controllare font, colori, immagini di sfondo, le impostazioni di immagine e altri oggetti HTML.

istruzione

1 Fare clic destro sul file HTML che si desidera modificare e selezionare "Apri con". Fare doppio clic sul programma che si utilizza per modificare il codice CSS. Se non avete il programma installato, è possibile fare doppio clic su "Blocco note".

2 Individuare la sezione "<script>" nel file HTML. Si trova all'interno del "<head>" e "</ head>" tag. Se non si dispone di un tag script creato, digitare il seguente codice HTML all'interno dei tag di apertura e chiusura della testa:

<Script type = "text / javascript"> </ script>

3 Digitare il codice per cambiare la classe CSS per la vostra pagina web:

document.getElementById ( 'body') className = NewClass.;

Sostituire "NewClass" con la propria classe CSS che si desidera utilizzare. Per esempio, se si desidera modificare il layout sito web per una classe denominata "BlueBackground," tipo "BlueBackground" come valore per l'elemento.

4 Premere il tasto "Ctrl + S" per salvare le modifiche. Chiudere il file e l'editor. Fare doppio clic sul file HTML per testare i cambiamenti nel browser Web predefinito.