W tym artykule zademonstrujemy funkcję „hasClass” w prostym języku JavaScript.
Jak wykonać funkcjonalność funkcji „hasClass” za pomocą zwykłego JavaScript?
“ maKlasę ” funkcja należy do JavaScript “ jQuery ' biblioteka. Jeśli chcesz użyć zwykłego JavaScript i określić, czy określona klasa jest częścią określonego elementu, musisz użyć „ zawiera() ” metody obiektu classList. Działa to tak samo jak funkcja hasClass.
Składnia
Aby uzyskać funkcjonalność „ maKlasę ” w JavaScript użyj poniższej składni:
element. lista klas . zawiera ( 'Nazwa klasy' )
Tutaj, ' Nazwa klasy ” to nazwa klasy CSS, która będzie wyszukiwana w danym elemencie.
Podczas gdy składnia metody hasClass() w jQuery jest następująca:
$ ( selektor ) . maKlasę ( Nazwa klasy )Przykład
Stwórz ' dz ” element, przypisz klasę CSS „ flex-item1 ”, aby nadać styl divowi i dodać obraz logo witryny za pomocą „ źródło ” atrybut znacznika wewnątrz elementu div:
< identyfikator div = „logoDiv” klasa = „element elastyczny 1” >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' wszystko = '' />
dz >
Utwórz klasę CSS „ flex-item1 ”, aby stylizować element div:
.flex-item1 {kolor tła : czarny ;
maksymalna szerokość : 7em ;
wyświetlacz : przewód ;
wyrównaj elementy : Centrum ;
wyściółka : 0 15 piks ;
}
W pliku JavaScript lub tagu