Denne artikel vil demonstrere 'hasClass'-funktionen med almindelig JavaScript.
Hvordan udfører man funktionaliteten af 'hasClass'-funktionen med almindelig JavaScript?
“ har Klasse ' funktionen tilhører JavaScript ' jQuery ” bibliotek. Hvis du vil bruge almindelig JavaScript og identificere, om den angivne klasse er en del af et bestemt element, så skal du bruge ' indeholder() ” metode for classList-objektet. Dette fungerer på samme måde som hasClass-funktionen.
Syntaks
For at få funktionaliteten af ' har Klasse ' i JavaScript skal du bruge nedenstående syntaks:
element. klasseliste . indeholder ( 'klassenavn' )
Her, ' klassenavn ” er navnet på den CSS-klasse, der søges efter i det pågældende element.
Mens syntaksen for hasClass()-metoden i jQuery er:
$ ( vælger ) . har Klasse ( klassenavn )Eksempel
Lave en ' div ' element, tildel en CSS-klasse ' flex-vare1 ' for at style div'en og tilføje et billede af logoet på webstedet ved hjælp af ' src ” attribut for -tagget inde i div-elementet:
< div id = 'logoDiv' klasse = 'flex-vare1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' alt = '' />
div >
Opret en CSS-klasse ' flex-vare1 ' for at style div'en:
.flex-vare1 {baggrundsfarve : sort ;
max-bredde : 7 em ;
Skærm : bøje ;
align-elementer : centrum ;
polstring : 0 15 px ;
}
I JavaScript-filen eller