Ez a cikk bemutatja a „hasClass” függvényt egyszerű JavaScript használatával.
Hogyan hajthatjuk végre a „hasClass” funkció funkcionalitását egyszerű JavaScript használatával?
' hasClass ' függvény a JavaScripthez tartozik' jQuery ” könyvtár. Ha egyszerű JavaScriptet szeretne használni, és azonosítani szeretné, hogy a megadott osztály egy adott elem része-e, akkor a „ tartalmazza () ” metódusát a classList objektum. Ez ugyanúgy működik, mint a hasClass függvény.
Szintaxis
A „ hasClass ” JavaScriptben használja az alábbi szintaxist:
elem. osztálylista . tartalmaz ( 'osztály név' )
Itt, ' osztály név ” annak a CSS-osztálynak a neve, amelyet az adott elemben keresni fog.
Míg a hasClass() metódus szintaxisa a jQueryben:
$ ( választó ) . hasClass ( osztály név )Példa
Hozzon létre egy ' div ' elem, rendeljen hozzá egy CSS osztályt ' flex-item1 ' a div stílusához, és adjon hozzá egy képet a webhely logójáról a ' src ” az címke attribútuma a div elemen belül:
< oszt id = 'logoDiv' osztály = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' minden = '' />
div >
Hozzon létre egy CSS-osztályt ' flex-item1 ” a div stílusához:
.flex-item1 {háttérszín : fekete ;
max szélesség : 7em ;
kijelző : Flex ;
align-ites : központ ;
párnázás : 0 15 képpont ;
}
A JavaScript fájlban vagy a