Hva er hasclass -funksjonen med vanlig javascript

“hasclass”Metode er jQuery -funksjonen som brukes for å bekrefte om det aktuelle elementet inneholder den spesifiserte klassen. Hvis den inneholder, gir "hasclass ()" "ekte”Ellers kommer det tilbake”falsk”. JQuery er et bibliotek støttet av JavaScript, hvis du vil gjøre denne oppgaven i JavaScript uten å bruke JQuery -biblioteket, bruk metoden “inneholder ()”.

Denne artikkelen vil demonstrere "hasclass" -funksjonen med vanlig javascript.

Hvordan utføre funksjonaliteten til "hasclass" -funksjon med vanlig javascript?

“hasclass”Funksjonen tilhører JavaScript”jQuery”Bibliotek. Hvis du vil bruke vanlig JavaScript og identifisere om den spesifiserte klassen er en del av et bestemt element, må du bruke "inneholder ()”Metode for klasselisteobjektet. Dette fungerer på samme måte som Hasclass -funksjonen.

Syntaks

For å få funksjonaliteten til “hasclass”I JavaScript, bruk den undergitte syntaks:

element.Klasseliste.inneholder ("ClassName")

Her, “klassenavn”Er navnet på CSS -klassen som vil bli søkt i det aktuelle elementet.

Mens syntaks for Hasclass () -metoden i jQuery er:

$ (velger).hasclass (klassenavn)

Eksempel

Lage en "div”Element, tilordne en CSS -klasse”Flex-item1”For å style div, og legge til et bilde av logoen på nettstedet ved å bruke“src”Attributt til taggen inne i Div -elementet:

Opprett en CSS -klasse “Flex-item1”For å style div:

.Flex-item1
bakgrunnsfarge: svart;
Maks bredde: 7em;
Display: Flex;
Align-elementer: sentrum;
polstring: 0 15px;

I JavaScript -filen, eller taggen, må du først få elementet "div”Bruker den tildelte ID”logodiv”Ved hjelp av GetElementById () -metode:

La deling = dokument.getElementById ("logodiv");

Ring "inneholder ()”Metode for klasselisteobjektet ved å passere klassen“Flex-item1”For å avgjøre om det spesifiserte DIV -elementet inneholder denne klassen:

var hasclass = deling.Klasseliste.inneholder ("Flex-item1");

Til slutt, skriv ut resultatet på konsollen ved å bruke "konsoll.Logg()”Metode:

konsoll.Logg ("Div inneholder klasse 'Divelement'? "+ hasclass);

Det kan observeres at contacts () -metoden returneres “ekte”Som betyr at det spesifiserte elementet inneholder den gitte CSS -klassen:

Vi har samlet de nødvendige instruksjonene som er relevante for å utføre “hasclass”Funksjonalitet med vanlig JavaScript.

Konklusjon

I JavaScript kan du oppnå funksjonaliteten til "hasclass”Funksjon ved hjelp av“inneholder ()”Metode for klasselisteobjektet. "Hasclass ()" er den innebygde metoden til JavaScript "jQuery”Bibliotek. Det brukes til å sjekke eller bekrefte om det aktuelle elementet tilhører den spesifiserte klassen. I denne artikkelen demonstrerte vi Hasclass -funksjonen og den tilsvarende metoden i vanlig JavaScript.