Denne artikkelen vil demonstrere 'hasClass'-funksjonen med vanlig JavaScript.
Hvordan utføre funksjonaliteten til 'hasClass'-funksjonen med vanlig JavaScript?
' harKlasse ' funksjonen tilhører JavaScript ' jQuery ' bibliotek. Hvis du vil bruke vanlig JavaScript og identifisere om den angitte klassen er en del av et bestemt element, må du bruke ' inneholder() ”-metoden til classList-objektet. Dette fungerer på samme måte som hasClass-funksjonen.
Syntaks
For å få funksjonaliteten til ' harKlasse ' i JavaScript, bruk den nedenfor gitte syntaksen:
element. klasseliste . inneholder ( 'klassenavn' )
Her, ' klassenavn ” er navnet på CSS-klassen som skal søkes i det bestemte elementet.
Mens syntaksen til hasClass()-metoden i jQuery er:
$ ( velger ) . harKlasse ( klassenavn )Eksempel
Lage en ' div ' element, tilordne en CSS-klasse ' flex-vare1 ' for å style div, og legg til et bilde av logoen til nettstedet ved å bruke ' src ”-attributt til -taggen inne i div-elementet:
< div id = 'logoDiv' klasse = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' alt = '' />
div >
Opprett en CSS-klasse ' flex-vare1 ' for å style div:
.flex-vare1 {bakgrunnsfarge : svart ;
maks bredde : 7 em ;
vise : bøye seg ;
align-elementer : senter ;
polstring : 0 15 piksler ;
}
I JavaScript-filen, eller