Овај чланак ће демонстрирати приступе за проверу да ли тело има одређену класу користећи ЈаваСцрипт.
Како проверити да ли тело има одређену класу користећи ЈаваСцрипт?
Да бисте проверили да ли тело има одређену класу користећи ЈаваСцрипт, примените следеће приступе:
- “ цлассЛист “ имовина и “ садржи() ” метод.
- “ гетЕлементсБиТагНаме() ' и ' утакмица() ” методе.
- “ јКуери ”.
Хајде да илуструјемо сваки од приступа један по један!
Приступ 1: Проверите да ли тело има одређену класу у ЈаваСцрипт-у користећи својство цлассЛист и методе садржи()
„ цлассЛист ” својство даје називе ЦСС класа елемента. Док је „ садржи() ” метода даје тачно ако је чвор потомак. Ове комбиноване методе могу се применити за приступ садржаној класи у придруженом елементу.
Синтакса
чвор. садржи ( голи )
У горњој синтакси:
- “ голи ” одговара чвору потомку придруженог чвора.
Пример
Хајде да направимо преглед доле наведеног примера:
< центар >< тело класа = 'садржати' >
< х2 > Ово је веб локација за Линукхинт х2 >
центар > тело >
< тип скрипте = 'текст/јавасцрипт' >
ако ( документ. тело . цлассЛист . садржи ( 'садржати' ) ) {
конзола. Пријава ( 'Елемент тела има класу' ) ;
}
друго {
конзола. Пријава ( „Елемент тела нема класу“ ) ;
}
скрипта >
Примените доле наведене кораке, као што је дато у горњем коду:
- Прво, укључите „ <боди> ” елемент који има атрибут сет “ класа ”.
- Такође, додајте наслов унутар одређеног елемента (<боди>).
- У ЈС коду примените „ цлассЛист “ својство у комбинацији са “ садржи() ” метод.
- Ово ће резултирати приступом класи повезаног „ <боди> ” елемент заснован на наведеном имену класе у параметру методе.
- Под испуњеним условом, „ ако ” услов ће се извршити.
- Насупрот томе, „ друго ” блок кода изјаве ће се извршити.
Излаз
У горњем излазу, може се видети да је одређена класа укључена у „ <боди> ” елемент.
Приступ 2: Проверите да ли Боди има одређену класу у ЈаваСцрипт-у помоћу метода гетЕлементсБиТагНаме() и матцх()
„ гетЕлементсБиТагНаме() ” метода даје колекцију свих елемената који имају одређено име ознаке. „ утакмица() ” метод одговара наведеној вредности са стрингом. Ове методе се могу користити за приступ потребном елементу преко његове ознаке и проверу специфичне класе.
Синтакса
документ. гетЕлементсБиТагНаме ( таг )У датој синтакси:
- “ таг ” представља назив ознаке елемента.
Пример
Следећи пример демонстрира концепт о коме се расправља:
< имг срц = 'темплате2.пнг' висина = '150пк' ширина = '150пк' >
центар > тело >
< тип скрипте = 'текст/јавасцрипт' >
дозволити добити = документ. гетЕлементсБиТагНаме ( 'тело' ) [ 0 ] . Назив класе . утакмица ( /садржи/ )
ако ( добити ) {
конзола. Пријава ( 'Елемент тела има класу' ) ;
}
друго {
конзола. Пријава ( „Елемент тела нема класу“ ) ;
}
скрипта >
У горњем исечку кода:
- Исто тако, укључите „ <боди> ” елемент који има наведену класу.
- Такође, садржи слику са задатим димензијама у оквиру наведеног елемента у претходном кораку.
- У ЈаваСцрипт редовима кода, приступите „ <боди> ” елемент својом ознаком користећи „ гетЕлементсБиТагНаме() ” метод.
- „ [0] ” означава да ће први елемент који одговара наведеној ознаци у претходном кораку бити преузет.
- „ Назив класе “ имовина и “ утакмица() ” метод ће се подударати за наведену класу у свом параметру у односу на „ <боди> ” елемент.
- Бивша изјава у „ ако ” услов ће се извршити након испуњења свих услова у претходним корацима.
- У супротном, биће приказана последња изјава.
Излаз
Горњи излаз показује да је примењени услов за одређену класу задовољен.
Приступ 3: Проверите да ли Боди има специфичну класу у ЈаваСцрипт-у користећи јКуери
Овај приступ се може применити за директан приступ траженом елементу и лоцирање одређене класе у односу на њу уз помоћ једноставног метода.
Пример
Хајде да прођемо кроз доле дати пример:
< центар >< тело класа = 'садржи' >
< тектареа плацехолдер = „Унесите било који текст...“ > тектареа >
центар > тело >
ако ( $ ( 'тело' ) . хасЦласс ( 'садржи' ) ) {
узбуна ( 'Елемент тела има класу' )
}
друго {
узбуна ( „Елемент тела нема класу“ )
}
скрипта >
У горњим редовима кода:
- Укључите „ јКуери ” библиотеку да искористи своје функционалности.
- Слично томе, укључите „ <боди> ” елемент који има наведену класу.
- Такође, додајте „ <тектареа> ” елемент унутар наведеног елемента у претходном кораку.
- У ЈС коду, приступите „ <боди> ” елемент. Такође, примените „ хасЦласс() ” за тражење наведене класе у преузетом елементу.
- Ово ће резултирати упозорењем на претходну поруку о испуњењу услова.
- У другом случају, последња изјава ће бити приказана.
Излаз
Горе наведени резултат имплицира да је жељени захтев постигнут.
Закључак
„ цлассЛист “ имовина и “ садржи() ” метод, „ гетЕлементсБиТагНаме() ' и ' утакмица() ” методе или „ јКуери ” се може користити за проверу да ли тело има одређену класу користећи ЈаваСцрипт. Ови приступи се могу користити за тражење одређене класе унутар елемента упућивањем на одговарајући елемент директно, преко његове ознаке или коришћењем јКуери методе. Овај блог је објаснио да провери да ли тело има одређену класу у ЈаваСцрипт-у