Dit artikel demonstreert de functie 'hasClass' met gewoon JavaScript.
Hoe de functionaliteit van de 'hasClass' -functie met gewone JavaScript uitvoeren?
“ heeftKlasse 'functie behoort tot de JavaScript' jQuery ' bibliotheek. Als u gewoon JavaScript wilt gebruiken en wilt bepalen of de opgegeven klasse deel uitmaakt van een bepaald element, dan moet u de ' bevat() ” methode van het classList-object. Dit werkt hetzelfde als de functie hasClass.
Syntaxis
Om de functionaliteit van ' heeftKlasse Gebruik in JavaScript de onderstaande syntaxis:
element. classLijst . bevat ( 'naam van de klasse' )
Hier, ' naam van de klasse ” is de naam van de CSS-klasse die in het specifieke element zal worden doorzocht.
Terwijl de syntaxis van de methode hasClass() in jQuery is:
$ ( kiezer ) . heeftKlasse ( naam van de klasse )Voorbeeld
Maak een ' div 'element, wijs een CSS-klasse toe' flex-item1 ' om de div op te maken en voeg een afbeelding van het logo van de website toe met de ' src ” attribuut van de tag in het div element:
< div. id = 'logoDiv' klas = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' alles = '' />
div >
Maak een CSS-klasse ' flex-item1 ” om de div te stylen:
.flex-item1 {Achtergrond kleur : zwart ;
Maximale wijdte : 7em ;
Scherm : buigen ;
uitlijnen-items : centrum ;
opvulling : 0 15px ;
}
Haal in het JavaScript-bestand of de