Ändra attributet class i ett HTML-element med hjälp av JavaScript kan utvecklare skapa interaktiva effekter inom webbplatser . Med hjälp av en JavaScript -funktion , kan du avgöra vad beteende bör ske när användare interagerar med din sidelement , förändra deras CSS egenskaper som svar på denna interaktion . Förändra namn class-attribut är en av de viktigaste teknikerna som deltar i detta arbete , vilket kan uppnås även för människor just har börjat i webbutveckling . Instruktioner
1
Skapa din HTML-sida med element för att visa innehållet . Öppna en ny fil i en textredigerare och spara den med " html . " Som en förlängning , ange följande kod :
< /head >
Hej < /div >
< /body>
< /html >
Detta skapar bara en webbsida med en enda HTML-element i det . Elementet har tilldelas attributet class med namnet " off . " Detta indikerar tillståndet hos elementet när användaren inte har sin muspekaren över den.
2
Skapa din CSS-kod . Öppna en ny fil i en textredigerare och spara den som " interactivestyle.css " för att återspegla syftet med den uppgift som utförs . Skriv följande kod :
off {
color: # FF0000 ; }
över {
färg : # 0000FF ;} . .
Lägg till en länk till din CSS -fil i huvudet avsnitt av din HTML- sida , mellan ingående och utgående taggar huvud :
< link rel = " stylesheet " type = " text /css " href = " interactivestyle.css " /> Addera 3
Skapa två JavaScript-funktioner i huvudet avsnitt av din sida , antingen före eller efter länken till din CSS-fil :
