Nwlapcug.com


Come utilizzare JavaScript per modificare la classe CSS per un'intera pagina

Fogli di stile CSS (CSS) fornirà un modo per utilizzare classi per impostare il layout di pagina. Il tag "body" contiene tutte le immagini del sito, testo e colori. È modificare questa classe utilizzando JavaScript per modificare gli attributi della pagina intera. Questo è utile quando si desidera impostare i temi per i tuoi lettori del sito Web. È possibile modificare il tema di classe in modo dinamico di controllo caratteri, colori, immagini di sfondo, le impostazioni delle immagini e altri oggetti HTML.

Istruzioni

1

Pulsante destro del mouse il file HTML che si desidera modificare e selezionare "Apri con". Doppio clic sul programma che si utilizza per modificare il codice CSS. Se non si dispone di nessun programma installato, si può fare doppio clic su "Blocco note".

2

Individuare la sezione "script di < >" nel file HTML. È situato il "< head >" e "< / head >" tag. Se non si dispone di un tag di script impostato, digitare il seguente codice HTML all'interno di apertura e chiusura tag head:

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

3

Digitare il codice per modificare la classe CSS per la tua 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 del sito Web a una classe denominata "BlueBackground", digitare "BlueBackground" come valore per l'elemento.

4

Premere "Ctrl + S" per salvare le modifiche. Chiudere il file e l'editor. Fare doppio clic sul file HTML per verificare le modifiche nel browser web predefinito.