Šiame įraše bus apibrėžta vertės priskyrimo teksto laukeliui naudojant „JavaScript“ procedūra.
Kaip priskirti reikšmę teksto laukeliui naudojant „JavaScript“?
Norėdami priskirti reikšmę teksto laukeliui, naudokite šiuos metodus:
Pažvelkime į šių metodų veikimą atskirai!
1 būdas: priskirkite reikšmę teksto laukeliui naudodami setAttribute() metodą
„ setAttribute() “ metodas naudojamas reikšmei priskirti teksto laukeliui. Jis naudojamas tam tikram elementui pridėti arba nustatyti atributą ir suteikti jam vertę. Šis metodas naudoja du parametrus kaip argumentą ir abu yra privalomi.
Sintaksė
Vykdykite toliau nurodytą setAttribute() metodo sintaksę:
setAttribute ( atributasName, atributValue ) ;Čia, ' atributasValue ” yra atributo, kurio pavadinimas nurodytas, reikšmė.
Pavyzdys
Pirmiausia sukursime antraštę ir įvesties lauką su numatytuoju „ Tekstas “ vietinės reikšmės vertė. Tada pridėkite mygtuką, kuris iškvies „myFunction()“ metodą, kai jį spustelėsite:
< h5 > Spustelėkite mygtuką, kad pamatytumėte numatytas teksto lauko reikšmę. h5 >< įvesties tipas = 'tekstas' id = 'mano tekstas' vietos rezervuaras = 'Tekstas' >
< mygtukas onclick = 'myFunction()' > Spustelėkite mygtuką >
JS faile apibrėžkite funkciją pavadinimu ' myFunction() “ ir pasiekite teksto laukelį naudodami „ getElementbyId() “ metodą ir tada nustatykite vertę naudodami „ setAttribute() “ metodas:
funkcija myFunction ( ) {dokumentas. getElementById ( 'mano tekstas' ) . setAttribute ( 'vertė' , 'LinuxHint' ) ;
}
Iš išvesties matyti, kad paspaudus mygtuką teksto laukelio reikšmė nustatoma kaip „ LinuxHint “:
Pažiūrėkime kitą reikšmę teksto laukeliui priskirti.
2 būdas: priskirkite reikšmę teksto laukeliui naudodami teksto reikšmės ypatybę
Yra ir kitas būdas priskirti vertę teksto laukeliui, tai yra „ vertė “ teksto savybė. Taikant šį metodą, teksto laukeliui tereikia priskirti reikšmę naudojant vertės ypatybę.
Sintaksė
Naudokite šią sintaksę, norėdami priskirti vertę teksto laukeliui, naudodami teksto elemento vertės ypatybę:
vertė = 'Tekstas' ;Pavyzdys
Čia mes priskirsime reikšmę jau sukurtam teksto laukeliui ankstesniame pavyzdyje. Norėdami tai padaryti, eikite į teksto laukelį myFunction() ir priskirkite reikiamą reikšmę teksto laukeliui naudodami „ vertė ' nuosavybė:
funkcija myFunction ( ) {dokumentas. getElementById ( 'mano tekstas' ) . vertė = 'LinuxHint' ;
}
Kaip matote sėkmingai išvestį, teksto laukeliui priskirkite reikšmę:
Mes surinkome paprasčiausius būdus, kaip priskirti vertę teksto laukeliui naudojant „JavaScript“.
Išvada
Norėdami priskirti vertę teksto laukeliui naudodami „JavaScript“, galite naudoti „JavaScript“ iš anksto nustatytą metodą, vadinamą setAttribute() metodu, arba teksto elemento vertės ypatybę. Abu šie metodai veiksmingai priskiria teksto laukeliui vertę. Galite pasirinkti vieną iš jų pagal savo poreikius. Šiame įraše aptarėme būdus, kaip priskirti vertę teksto laukeliui naudojant „JavaScript“ su išsamiais pavyzdžiais.