Ta objava bo definirala postopek za dodeljevanje vrednosti besedilnemu polju z uporabo JavaScripta.
Kako dodeliti vrednost besedilnemu polju z uporabo JavaScripta?
Za dodelitev vrednosti besedilnemu polju uporabite naslednje metode:
Oglejmo si delovanje teh metod ločeno!
1. način: Dodelite vrednost besedilnemu polju z uporabo metode setAttribute().
' setAtribut() ” se uporablja za dodelitev vrednosti besedilnemu polju. Uporablja se za dodajanje ali nastavitev atributa določenemu elementu in dajanje vrednosti. Ta metoda vzame dva parametra kot argument in oba sta obvezna.
Sintaksa
Sledite spodaj omenjeni sintaksi za metodo setAttribute():
setAttribute ( ime atributa, vrednost atributa ) ;Tukaj, ' attributeValue ” je vrednost atributa, katerega ime je navedeno.
Primer
Najprej bomo ustvarili naslov in vnosno polje s privzetim » Besedilo ” vrednost nadomestnega znaka. Nato dodajte gumb, ki bo priklical metodo »myFunction()«, ko jo kliknete:
< h5 > Kliknite gumb za ogled privzeto vrednost besedilnega polja. h5 >< vrsta vnosa = 'besedilo' id = 'myText' rezervirano mesto = 'Besedilo' >
< gumb na klik = 'mojaFunkcija()' > Kliknite gumb >
V datoteki JS definirajte funkcijo z imenom ' mojaFunkcija() « in odprite besedilno polje z » getElementbyId() ' in nato nastavite vrednost s pomočjo ' setAtribut() ” metoda:
funkcija myFunction ( ) {dokument. getElementById ( 'myText' ) . setAttribute ( 'vrednost' , 'LinuxHint' ) ;
}
Iz izhoda je razvidno, da je ob kliku gumba vrednost polja z besedilom nastavljena kot ' LinuxHint ”:
Oglejmo si naslednji postopek za dodeljevanje vrednosti besedilnemu polju.
2. način: Dodelite vrednost besedilnemu polju z uporabo lastnosti besedilne vrednosti
Obstaja še en pristop za dodeljevanje vrednosti besedilnemu polju, ki je ' vrednost ” lastnost besedila. Pri tem pristopu morate besedilnemu polju dodeliti samo vrednost z lastnostjo value.
Sintaksa
Za dodeljevanje vrednosti polju z besedilom z uporabo lastnosti vrednosti elementa besedila uporabite naslednjo sintakso:
vrednost = 'Besedilo' ;Primer
Tukaj bomo dodelili vrednost že ustvarjenemu besedilnemu polju v prejšnjem primeru. To storite tako, da odprete polje z besedilom v myFunction() in nato dodelite zahtevano vrednost polju z besedilom z uporabo ' vrednost ” Lastnost:
funkcija myFunction ( ) {dokument. getElementById ( 'myText' ) . vrednost = 'LinuxHint' ;
}
Kot lahko vidite, da je rezultat uspešen, dodelite vrednost besedilnemu polju:
Zbrali smo najenostavnejše pristope za dodeljevanje vrednosti besedilnemu polju z uporabo JavaScripta.
Zaključek
Za dodeljevanje vrednosti polju z besedilom z uporabo JavaScripta lahko uporabite vnaprej določeno metodo JavaScript, imenovano metoda setAttribute(), ali lastnost value elementa besedila. Oba pristopa delujeta učinkovito pri dodeljevanju vrednosti besedilnemu polju. Izberete lahko enega od njih glede na vaše zahteve. V tej objavi smo s podrobnimi primeri razpravljali o pristopih za dodeljevanje vrednosti besedilnemu polju z uporabo JavaScripta.