Овај чланак ће демонстрирати функцију „хасЦласс“ са обичним ЈаваСцрипт-ом.
Како извршити функционалност функције „хасЦласс“ помоћу обичног ЈаваСцрипт-а?
“ хасЦласс ” функција припада ЈаваСцрипт-у “ јКуери ” библиотека. Ако желите да користите обичан ЈаваСцрипт и идентификујете да ли је наведена класа део одређеног елемента, онда морате да користите „ садржи() ” метода цлассЛист објекта. Ово функционише исто као функција хасЦласс.
Синтакса
Да бисте добили функционалност „ хасЦласс ” у ЈаваСцрипт-у, користите доле дату синтаксу:
елемент. цлассЛист . садржи ( 'Назив класе' )
Овде, „ Назив класе ” је име ЦСС класе која ће се претраживати у одређеном елементу.
Док је синтакса методе хасЦласс() у јКуерију:
$ ( селектор ) . хасЦласс ( Назив класе )Пример
Створити ' див ” елемент, доделите ЦСС класу “ флек-итем1 ” да бисте стилизовали див и додали слику логотипа веб локације користећи „ срц ” атрибут ознаке <имг> унутар елемента див:
< див ид = 'логоДив' класа = 'флек-итем1' >
< имг срц = '739Д3Б54АБ8ЕФФФАЕ35ЦФЕД0ЦБ5719Ф121982ДЦБ' све = '' />
див >
Направите ЦСС класу “ флек-итем1 ” да бисте стилизовали див:
.флек-итем1 {боја позадине : црн ;
максимална ширина : 7ем ;
приказ : флек ;
алигн-итемс : центар ;
паддинг : 0 15пк ;
}
У ЈаваСцрипт датотеци или ознаци <сцрипт> прво набавите елемент „ див ” користећи свој додељени ИД “ логоДив ” уз помоћ гетЕлементБиИд() методе:
нека дивЕлемент = документ. гетЕлементБиИд ( 'логоДив' ) ;Звати ' садржи() ” метода цлассЛист објекта преношењем класе “ флек-итем1 ” да бисте утврдили да ли наведени елемент див садржи ову класу:
вас хасцласс = дивЕлемент. цлассЛист . садржи ( 'флек-итем1' ) ;На крају, одштампајте резултат на конзоли користећи „ цонсоле.лог() ” метод:
конзола. Пријава ( 'див садржи класу 'дивЕлемент'?' + хасцласс ) ;Може се приметити да је метода цонтаинс() вратила „ истинито ” што значи да наведени елемент садржи дату ЦСС класу:
Саставили смо неопходна упутства релевантна за обављање „ хасЦласс ” функционалност са обичним ЈаваСцрипт-ом.
Закључак
У ЈаваСцрипт-у можете постићи функционалност „ хасЦласс ” функцију користећи „ садржи() ” метода цлассЛист објекта. „хасЦласс()“ је уграђени метод ЈаваСцрипт-а „ јКуери ” библиотека. Користи се за проверу или проверу да ли одређени елемент припада наведеној класи. У овом чланку смо демонстрирали функцију хасЦласс и еквивалентну методу у обичном ЈаваСцрипт-у.