Hvordan bruke Javascript for å endre CSS-klasse for en hel side

August 4

Cascading Style Sheets (CSS) gi deg en måte å bruke klasser for å sette opp sideoppsett. "Kroppen" tag inneholder alle nett bilder, tekst og farger. Du endrer denne klassen bruker Javascript til å endre hele sidens attributter. Dette er praktisk når du ønsker å sette opp temaer for nettstedet lesere. Du kan endre klassen tema dynamisk for å kontrollere skrifter, farger, bakgrunnsbilder, bildeinnstillinger og andre HTML-stedene.

Bruksanvisning

1 Høyreklikk på HTML-filen du vil redigere, og velg "Åpne med." Dobbeltklikk programmet du bruker til å redigere CSS-kode. Hvis du har noe program installert, kan du dobbeltklikke på "Notisblokk".

2 Finn "<script>" i HTML-filen. Det ligger innenfor "<head>" og "</ head>" koder. Hvis du ikke har et skriptmerket satt opp, skriver du inn følgende HTML-kode i løpet av de åpning og lukking hodet kodene:

3 Skriv inn koden for å endre CSS-klasse for websiden din:

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

Erstatt "NewClass" med din egen CSS-klasse du ønsker å bruke. For eksempel, hvis du ønsker å endre nettsiden layout til en klasse som heter "BlueBackground," type "BlueBackground" som verdien for elementet.

4 Trykk "Ctrl + S" for å lagre endringene. Lukk filen og din editor. Dobbeltklikk på HTML-fil til å teste endringer i standardnettleseren.