Acest articol va demonstra funcția „hasClass” cu JavaScript simplu.
Cum se realizează funcționalitatea funcției „hasClass” cu JavaScript simplu?
„ areClass „funcția aparține JavaScript „ jQuery ” bibliotecă. Dacă doriți să utilizați JavaScript simplu și să identificați dacă clasa specificată face parte dintr-un anumit element, atunci trebuie să utilizați „ conține() ” metoda obiectului classList. Aceasta funcționează la fel ca și funcția hasClass.
Sintaxă
Pentru a obține funcționalitatea „ areClass ” în JavaScript, utilizați sintaxa de mai jos:
element. classList . conţine ( 'numele clasei' )
Aici, ' numele clasei ” este numele clasei CSS care va fi căutată în elementul respectiv.
În timp ce sintaxa metodei hasClass() în jQuery este:
$ ( selector ) . areClass ( numele clasei )Exemplu
Creeaza o ' div ” element, atribuiți o clasă CSS „ articol flexibil1 ” pentru a stila div-ul și pentru a adăuga o imagine a siglei site-ului web folosind „ src ” atributul etichetei din interiorul elementului div:
< div id = 'logoDiv' clasă = „flex-element1” >
< img src = „https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png” Tot = '' />
div >
Creați o clasă CSS „ articol flexibil1 ” pentru a stila div-ul:
.flex-element1 {culoare de fundal : negru ;
lățimea maximă : 7em ;
afişa : contracta ;
alinierea elementelor : centru ;
căptușeală : 0 15px ;
}
În fișierul JavaScript sau eticheta