* počítačové znalosti >> Programovanie >> JavaScript Programovanie >> .

Ako zmeniť CSS triedy atribút sa zapnutým javascriptom

Zmena atribútu elementu HTML pomocou JavaScriptu trieda umožňuje vývojárom vytvárať interaktívne efekty v rámci webových stránok . Pomocou funkcie JavaScriptu , môžete určiť , aké správanie by malo prebiehať , ak používatelia komunikovať so svojimi prvkami stránky , meniť ich vlastnosti CSS štýlu v reakcii na túto interakciu . Zmena mena triedy atribútov je jedným z kľúčových techník sa podieľajú na tejto úlohe , ktorý je dosiahnuteľný aj pre ľudí , práve začína vo vývoji webových aplikácií . Pokyny dovolená 1

Vytvorte si stránku HTML s prvkami pre zobrazenie obsahu . Otvorte nový súbor v textovom editore a uložte ho na " html " . Ako rozšírenie , zadaním nasledujúci kód :

< /head >

Dobrý deň , < /div >

< /body >

< /html >

jednoducho vytvorí webovú stránku s jedným HTML element v ňom . Prvok bol priradený atribút class s názvom " off . " To indikuje stav prvku , keď používateľ nemá svoj kurzor myši nad ním .
2

Vytvorte si CSS kódu . Otvorte nový súbor v textovom editore a uložte ho ako " interactivestyle.css " odrážať účel úlohy vykonáva . . Zadajte nasledujúci kód :

off . {

Color : # FF0000 ; }

nad {

color : # 0000FF ; }

Pridať odkaz do CSS súboru v sekcii head stránky HTML medzi otváranie a zatváranie hlavy tagy :

< link rel = " stylesheet " type = " text /css " href = " interactivestyle.css " />
3

Vytvorte dve funkcie jazyka JavaScript v sekcii head stránky , a to buď pred alebo po odkazu na vaše CSS súboru :

Predchádzajúca strana: Ako sa k nám prehliadača Šírka
Ďalšia strana: Ako odobrať prvok s JavaScript

Ako zmeniť CSS triedy atribút sa zapnutým javascriptom

Odporúčané články

Najnovšie články

JavaScript Programovanie

Programovanie