Ovaj će post definirati proceduru za dodjeljivanje vrijednosti tekstualnom okviru pomoću JavaScripta.
Kako dodijeliti vrijednost tekstualnom okviru pomoću JavaScripta?
Za dodjeljivanje vrijednosti tekstualnom okviru koristite sljedeće metode:
Pogledajmo zasebno djelovanje ovih metoda!
Metoda 1: Dodijelite vrijednost tekstualnom okviru pomoću metode setAttribute().
' setAtribute() ” metoda se koristi za dodjeljivanje vrijednosti tekstualnom okviru. Koristi se za dodavanje ili postavljanje atributa određenom elementu i davanje vrijednosti. Ova metoda uzima dva parametra kao argument, a oba su obavezna.
Sintaksa
Slijedite dolje navedenu sintaksu za metodu setAttribute():
setAtribute ( ime atributa, vrijednost atributa ) ;Ovdje, ' atributVrijednost ” je vrijednost atributa čije je ime navedeno.
Primjer
Prvo ćemo stvoriti naslov i polje za unos sa zadanim ' Tekst ” vrijednost rezerviranog mjesta. Zatim dodajte gumb koji će pozvati metodu 'myFunction()' kada se na nju klikne:
< h5 > Pritisnite gumb da vidite zadano vrijednost tekstualnog polja. h5 >< vrsta unosa = 'tekst' iskaznica = 'mojTekst' rezerviranog mjesta = 'Tekst' >
< gumb na klik = 'mojaFunkcija()' > Klik dugme >
U JS datoteci definirajte funkciju pod nazivom ' mojaFunkcija() ' i pristupite tekstualnom okviru koristeći ' getElementbyId() ', a zatim postavite vrijednost uz pomoć ' setAtribute() ” metoda:
funkcija mojaFunkcija ( ) {dokument. getElementById ( 'mojTekst' ) . setAtribute ( 'vrijednost' , 'LinuxHint' ) ;
}
Iz izlaza se može vidjeti da kada se klikne gumb, vrijednost tekstualnog okvira postavljena je kao ' LinuxHint ”:
Pogledajmo sljedeći postupak za dodjeljivanje vrijednosti tekstualnom okviru.
Metoda 2: Dodijelite vrijednost tekstualnom okviru koristeći svojstvo tekstualne vrijednosti
Postoji još jedan pristup za dodjeljivanje vrijednosti tekstualnom okviru, a to je ' vrijednost ” svojstvo teksta. U ovom pristupu samo trebate dodijeliti vrijednost tekstualnom okviru pomoću svojstva value.
Sintaksa
Upotrijebite sljedeću sintaksu za dodjeljivanje vrijednosti tekstualnom okviru koristeći svojstvo vrijednosti tekstualnog elementa:
vrijednost = 'Tekst' ;Primjer
Ovdje ćemo dodijeliti vrijednost već stvorenom tekstualnom okviru u prethodnom primjeru. Da biste to učinili, pristupite tekstualnom okviru u myFunction(), a zatim dodijelite potrebnu vrijednost tekstualnom okviru pomoću ' vrijednost ” svojstvo:
funkcija mojaFunkcija ( ) {dokument. getElementById ( 'mojTekst' ) . vrijednost = 'LinuxHint' ;
}
Kao što vidite da je rezultat uspješan, dodijelite vrijednost tekstualnom okviru:
Prikupili smo najjednostavnije pristupe za dodjeljivanje vrijednosti tekstnom okviru pomoću JavaScripta.
Zaključak
Za dodjeljivanje vrijednosti tekstualnom okviru pomoću JavaScripta, možete koristiti JavaScript unaprijed definiranu metodu koja se zove metoda setAttribute() ili svojstvo value elementa teksta. Oba ova pristupa učinkovito funkcioniraju za dodjeljivanje vrijednosti tekstualnom okviru. Možete odabrati jedan od njih prema vašim zahtjevima. U ovom smo postu raspravljali o pristupima za dodjeljivanje vrijednosti tekstnom okviru pomoću JavaScripta s detaljnim primjerima.