Ovaj članak će demonstrirati funkciju 'hasClass' s običnim JavaScriptom.
Kako izvesti funkcionalnost funkcije 'hasClass' s običnim JavaScriptom?
“ hasClass ' funkcija pripada JavaScriptu ' jQuery ” knjižnica. Ako želite koristiti običan JavaScript i identificirati je li navedena klasa dio određenog elementa, tada morate koristiti ' sadrži () ” metoda classList objekta. Ovo radi isto kao funkcija hasClass.
Sintaksa
Da biste dobili funkcionalnost ' hasClass ” u JavaScriptu upotrijebite dolje navedenu sintaksu:
element. classList . sadrži ( 'ime klase' )
Ovdje, ' naziv klase ” je naziv CSS klase koja će se pretraživati u određenom elementu.
Dok je sintaksa metode hasClass() u jQueryju:
$ ( selektor ) . hasClass ( ime klase )Primjer
Stvoriti ' div ' element, dodijelite CSS klasu ' fleksibilna stavka1 ' da biste stilizirali div i dodajte sliku logotipa web stranice pomoću ' src ” atribut oznake unutar div elementa:
< div id = 'logoDiv' razreda = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' sve = '' />
div >
Stvorite CSS klasu ' fleksibilna stavka1 ” za stiliziranje diva:
.flex-item1 {boja pozadine : crno ;
maksimalna širina : 7em ;
prikaz : savijati ;
align-items : centar ;
podstava : 0 15 px ;
}
U JavaScript datoteci ili oznaci