Tento článek demonstruje funkci „hasClass“ s jednoduchým JavaScriptem.
Jak provést funkcionalitu funkce „hasClass“ pomocí prostého JavaScriptu?
“ hasClass “ funkce patří do JavaScriptu “ jQuery “knihovna. Pokud chcete použít prostý JavaScript a zjistit, zda je zadaná třída součástí konkrétního prvku, musíte použít „ obsahuje() ” metoda objektu classList. Funguje to stejně jako funkce hasClass.
Syntax
Chcete-li získat funkci „ hasClass ” v JavaScriptu použijte níže uvedenou syntaxi:
živel. classList . obsahuje ( 'jméno třídy' )
Tady, ' jméno třídy ” je název třídy CSS, která bude prohledávána v konkrétním prvku.
Zatímco syntaxe metody hasClass() v jQuery je:
$ ( volič ) . hasClass ( jméno třídy )Příklad
Vytvořit ' div ” element, přiřaďte třídu CSS “ flexibilní položka1 ” pro stylování div a přidejte obrázek loga webové stránky pomocí „ src ” atributu značky uvnitř prvku div:
< div id = 'logoDiv' třída = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' všechno = '' />
div >
Vytvořte třídu CSS “ flexibilní položka1 ” pro stylování div:
.flex-item1 {barva pozadí : Černá ;
max. šířka : 7 em ;
Zobrazit : flex ;
zarovnat-položky : centrum ;
vycpávka : 0 15 pixelů ;
}
V souboru JavaScript nebo ve značce