Tento článok demonštruje funkciu „hasClass“ s jednoduchým JavaScriptom.
Ako vykonať funkčnosť funkcie „hasClass“ pomocou obyčajného JavaScriptu?
“ hasClass “ funkcia patrí do JavaScriptu “ jQuery “knižnica. Ak chcete použiť obyčajný JavaScript a zistiť, či je špecifikovaná trieda súčasťou konkrétneho prvku, musíte použiť „ obsahuje() ” metóda objektu classList. Funguje to rovnako ako funkcia hasClass.
Syntax
Ak chcete získať funkčnosť „ hasClass ” v JavaScripte použite nižšie uvedenú syntax:
prvok. classList . obsahuje ( 'názov triedy' )
Tu, ' className ” je názov triedy CSS, ktorá sa bude hľadať v konkrétnom prvku.
Zatiaľ čo syntax metódy hasClass() v jQuery je:
$ ( selektor ) . hasClass ( meno triedy )Príklad
Vytvor ' div ” element, priraďte triedu CSS “ flexibilná položka1 “ na štýl div a pridajte obrázok loga webovej stránky pomocou „ src ” atribútu značky vo vnútri prvku div:
< div id = 'logoDiv' trieda = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' všetko = '' />
div >
Vytvorte triedu CSS “ flexibilná položka1 ” na štýl div:
.flex-item1 {farba pozadia : čierna ;
max-šírka : 7 em ;
displej : flex ;
align-items : centrum ;
vypchávka : 0 15 pixelov ;
}
V súbore JavaScript alebo v značke