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