Dieser Artikel demonstriert die „hasClass“-Funktion mit einfachem JavaScript.
Wie führe ich die Funktionalität der „hasClass“-Funktion mit einfachem JavaScript aus?
„ hatKlasse ” Funktion gehört zum JavaScript “ jQuery ' Bücherei. Wenn Sie einfaches JavaScript verwenden und feststellen möchten, ob die angegebene Klasse Teil eines bestimmten Elements ist, müssen Sie das „ enthält() ”-Methode des classList-Objekts. Dies funktioniert genauso wie die hasClass-Funktion.
Syntax
Um die Funktionalität von „ hatKlasse “ in JavaScript verwenden Sie die unten angegebene Syntax:
Element. Klassenliste . enthält ( 'Klassenname' )
Hier, ' Klassenname ” ist der Name der CSS-Klasse, nach der in dem jeweiligen Element gesucht wird.
Während die Syntax der hasClass() Methode in jQuery ist:
$ ( Wähler ) . hatKlasse ( Klassenname )Beispiel
Ein ... kreieren ' div „Element, CSS-Klasse zuweisen“ flex-item1 “, um das div zu gestalten, und fügen Sie ein Bild des Logos der Website mit dem “ Quelle ”-Attribut des -Tags innerhalb des div-Elements:
< Div.-ID = 'logoDiv' Klasse = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' alles = '' />
div >
Erstellen Sie eine CSS-Klasse “ flex-item1 ” um das div zu stylen:
.flex-item1 {Hintergrundfarbe : Schwarz ;
maximale Breite : 7 Uhr ;
Anzeige : biegen ;
Ausrichtungselemente : Center ;
Polsterung : 0 15px ;
}
Rufen Sie in der JavaScript-Datei oder dem