Cet article démontrera la fonction 'hasClass' avec du JavaScript simple.
Comment exécuter la fonctionnalité de la fonction 'hasClass' avec du JavaScript simple ?
' aClasse « la fonction appartient au JavaScript » jQuery ' une bibliothèque. Si vous souhaitez utiliser du JavaScript simple et identifier si la classe spécifiée fait partie d'un élément particulier, vous devez utiliser le ' contient() ” méthode de l'objet classList. Cela fonctionne de la même manière que la fonction hasClass.
Syntaxe
Pour obtenir la fonctionnalité de ' aClasse ” en JavaScript, utilisez la syntaxe ci-dessous :
élément. classList . contient ( 'nom du cours' )
Ici, ' nom du cours ” est le nom de la classe CSS qui sera recherchée dans l'élément particulier.
Alors que la syntaxe de la méthode hasClass() dans jQuery est :
$ ( sélecteur ) . aClasse ( nom du cours )Exemple
Créer un ' div ” élément, assignez une classe CSS “ flex-item1 ” pour styliser le div, et ajouter une image du logo du site Web en utilisant le “ src ” attribut de la balise à l'intérieur de l'élément div :
< identifiant div = 'logoDiv' classer = 'flex-item1' >
< img source = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' tout = '' />
div >
Créer une classe CSS ' flex-item1 ” pour styliser la div :
.flex-item1 {Couleur de l'arrière plan : noir ;
largeur maximale : 7em ;
affichage : fléchir ;
aligner les éléments : centre ;
rembourrage : 0 15px ;
}
Dans le fichier JavaScript, ou la balise