Ta članek bo prikazal funkcijo »hasClass« z navadnim JavaScriptom.
Kako izvesti funkcionalnost funkcije 'hasClass' z navadnim JavaScriptom?
“ hasClass »funkcija pripada JavaScriptu« jQuery ' knjižnica. Če želite uporabiti navaden JavaScript in ugotoviti, ali je navedeni razred del določenega elementa, morate uporabiti » vsebuje() ” predmeta classList. To deluje enako kot funkcija hasClass.
Sintaksa
Za pridobitev funkcionalnosti » hasClass ” v JavaScriptu uporabite spodnjo sintakso:
element. classList . vsebuje ( 'ime razreda' )
Tukaj, ' className ” je ime razreda CSS, ki bo iskal v določenem elementu.
Medtem ko je sintaksa metode hasClass() v jQuery:
$ ( selektor ) . hasClass ( ime razreda )Primer
Ustvariti ' div » element, dodelite razred CSS « flex-item1 ', da oblikujete div, in dodajte sliko logotipa spletnega mesta z uporabo ' src ” oznake znotraj elementa div:
< div id = 'logoDiv' razred = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' vse = '' />
div >
Ustvarite razred CSS ' flex-item1 ” za oblikovanje diva:
.flex-item1 {Barva ozadja : Črna ;
največja širina : 7em ;
zaslon : flex ;
align-items : center ;
oblazinjenje : 0 15 slikovnih pik ;
}
V datoteki JavaScript ali oznaki