Hvordan endre en CSS -klasse attributt med Javascript
Endre klassen attributt av et HTML- element ved hjelp av JavaScript tillater utviklere å lage interaktive effekter innenfor nettsteder. Ved hjelp av en JavaScript-funksjon , kan du bestemme hva slags atferd som bør skje når brukerne samhandler med sideelementer , endre sine CSS egenskaper som svar på dette samspillet . Endre klasse attributtnavnene er en av de viktigste teknikkene som er involvert i denne oppgaven , som er oppnåelig , selv for folk å starte i webutvikling. Instruksjoner en
Lag din HTML side med elementer for å vise innholdet . Åpne en ny fil i en teksteditor og lagre det med " html . " Som forlengelse, skrive inn følgende kode :
< p > < /head >
Hei < /div >
< /body >
< /html >
Dette rett og slett skaper en webside med et enkelt HTML element i den. Elementet er blitt tildelt en klasse attributt med navnet "av". Dette indikerer tilstanden av elementet når brukeren ikke har sin musepekeren over den . 2
Lag din CSS-kode . Åpne en ny fil i en teksteditor og lagre det som " interactivestyle.css " for å gjenspeile formålet med oppgaven som utføres . Skriv inn følgende kode :
off {
color: # FF0000 ;}
løpet {
color: # 0000FF ; } . .
Legg en link til din CSS-fil i hodet delen av HTML- siden , mellom åpning og lukking hodet kodene : en
3
Lag to JavaScript-funksjoner i hodet delen av siden din , enten før eller etter kobling til CSS-fil : en
