See postitus määratleb JavaScripti abil tekstikasti väärtuse määramise protseduuri.
Kuidas määrata JavaScripti abil tekstikasti väärtust?
Tekstikastile väärtuse määramiseks kasutage järgmisi meetodeid.
Vaatame nende meetodite toimimist eraldi!
1. meetod: määrake tekstikasti väärtus, kasutades meetodit setAttribute().
' setAttribute() ” kasutatakse tekstikasti väärtuse määramiseks. Seda kasutatakse teatud elemendile atribuudi lisamiseks või määramiseks ja sellele väärtuse andmiseks. See meetod kasutab argumendina kahte parameetrit ja mõlemad on kohustuslikud.
Süntaks
Järgige meetodi setAttribute() jaoks alltoodud süntaksit:
setAttribute ( atribuutName, atribuutValue ) ;Siin, ' atribuutValue ” on atribuudi väärtus, mille nimi on määratud.
Näide
Esmalt loome pealkirja ja sisestusvälja vaikeväärtusega ' Tekst ” kohahoidja väärtus. Järgmisena lisage nupp, mis klõpsamisel kutsub esile meetodi 'myFunction()'.
< h5 > Klõpsake nuppu, et näha vaikimisi tekstivälja väärtus. h5 >< sisendi tüüp = 'tekst' id = 'minuTekst' kohatäide = 'tekst' >
< nupp onclick = 'myFunction()' > Klõpsake nuppu >
JS-failis määrake funktsioon nimega ' myFunction() ' ja pääsete tekstikasti, kasutades ' getElementbyId() ” meetodit ja seejärel määrake väärtus käsuga „ setAttribute() ” meetod:
funktsioon myFunction ( ) {dokument. getElementById ( 'minuTekst' ) . setAttribute ( 'väärtus' , 'LinuxHint' ) ;
}
Väljundist on näha, et nupule vajutades määratakse tekstikasti väärtuseks “ LinuxHint ”:
Vaatame järgmist protseduuri tekstikastile väärtuse määramiseks.
2. meetod: määrake tekstikasti väärtus, kasutades teksti väärtuse atribuuti
Tekstikastile väärtuse määramiseks on veel üks lähenemisviis, milleks on ' väärtus ” teksti omadus. Selle lähenemisviisi puhul peate tekstikastile väärtuse määrama ainult väärtuse atribuudi abil.
Süntaks
Kasutage tekstielemendi väärtuse atribuudi abil tekstikasti väärtuse määramiseks järgmist süntaksit:
väärtus = 'tekst' ;Näide
Siin omistame väärtuse eelmises näites juba loodud tekstikastile. Selleks avage myFunction() tekstikasti ja seejärel määrake tekstikastile vajalik väärtus, kasutades ' väärtus ” vara:
funktsioon myFunction ( ) {dokument. getElementById ( 'minuTekst' ) . väärtus = 'LinuxHint' ;
}
Nagu näete väljundit edukalt, määrake tekstikasti väärtus:
Oleme kokku kogunud lihtsaimad lähenemisviisid tekstikasti väärtuse määramiseks JavaScripti abil.
Järeldus
Tekstikastile väärtuse määramiseks JavaScripti abil saate kasutada JavaScripti eelmääratletud meetodit, mida nimetatakse meetodiks setAttribute() või tekstielemendi väärtuse atribuuti. Mõlemad lähenemisviisid töötavad tekstikastile väärtuse määramisel tõhusalt. Saate valida ühe neist vastavalt oma nõudele. Selles postituses oleme üksikasjalike näidetega arutanud lähenemisviise tekstikasti väärtuse määramiseks JavaScripti abil.