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