Ændring af klassen attribut af et HTML-element ved hjælp af JavaScript tillader udviklere at skabe interaktive virkninger inden websites. Ved hjælp af en JavaScript-funktion , kan du bestemme, hvad adfærd bør finde sted, når brugerne interagerer med dine sideelementer , ændre deres CSS style egenskaber som reaktion på denne interaktion. Ændring klasse attributnavne er en af de vigtigste teknikker, der er involveret i denne opgave , hvilket er opnåeligt selv for folk lige er startet i Web udvikling. Instruktioner
1
Opret din HTML-side med elementer til at vise indholdet . Åbn en ny fil i en teksteditor og gemme den med " html ". Som forlængelsen , indtaste følgende kode : Hej
< p >
Hello
< /body> < br >
< /html >
skaber blot en webside med et enkelt HTML-element i det. Elementet er blevet tildelt en klasse attribut med navnet "off ". Dette indikerer tilstanden af elementet , når brugeren ikke har sit musemarkøren over den.
2
Opret din CSS kode. Åbn en ny fil i en teksteditor og gemme det som " interactivestyle.css " for at afspejle formålet med den opgave, der udføres. Indtast følgende kode : Hej
off {
color: # ff0000 ;}
løbet {
color: # 0000FF ;} . .
Tilføj et link til din CSS-fil i hovedet afsnittet i din HTML-side , mellem åbning og lukning hovedet tags : Hej
< link rel = " stylesheet " type = " text /css " href = " interactivestyle.css " />
3
Opret to JavaScript-funktioner i hovedafsnittet af din side, hverken før eller efter linket til din CSS-fil : Hej