Den här artikeln kommer att demonstrera funktionen 'hasClass' med vanlig JavaScript.
Hur utför man funktionen hos 'hasClass'-funktionen med vanlig JavaScript?
' hasClass ' funktionen tillhör JavaScript ' jQuery ” bibliotek. Om du vill använda vanlig JavaScript och identifiera om den angivna klassen är en del av ett visst element, måste du använda ' innehåller() ” metod för classList-objektet. Detta fungerar på samma sätt som hasClass-funktionen.
Syntax
För att få funktionen av ' hasClass ' i JavaScript, använd nedanstående syntax:
element. klasslista . innehåller ( 'klassnamn' )
Här, ' klassnamn ” är namnet på CSS-klassen som kommer att sökas i i det specifika elementet.
Medan syntaxen för hasClass()-metoden i jQuery är:
$ ( väljare ) . hasClass ( klassnamn )Exempel
Skapa en ' div ' element, tilldela en CSS-klass ' flex-artikel1 ” för att styla div, och lägg till en bild av webbplatsens logotyp med hjälp av ” src ” attribut för -taggen inuti div-elementet:
< div id = 'logoDiv' klass = 'flex-artikel1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' allt = '' />
div >
Skapa en CSS-klass ' flex-artikel1 ” för att styla div:en:
.flex-artikel1 {bakgrundsfärg : svart ;
maximal bredd : 7 em ;
visa : böja ;
align-objekt : Centrum ;
stoppning : 0 15 px ;
}
I JavaScript-filen, eller taggen