Dette indlæg vil definere proceduren for at tildele værdi til tekstboksen ved hjælp af JavaScript.
Hvordan tildeler man værdi til tekstboks ved hjælp af JavaScript?
For at tildele værdi til tekstboksen skal du bruge følgende metoder:
Lad os se på, hvordan disse metoder fungerer hver for sig!
Metode 1: Tildel værdi til tekstboks ved hjælp af setAttribute()-metoden
Det ' setAttribute() ” metode bruges til at tildele en værdi til tekstboksen. Det bruges til at tilføje eller indstille en attribut til et bestemt element og give det en værdi. Denne metode tager to parametre som argument, og begge er obligatoriske.
Syntaks
Følg nedenstående syntaks for setAttribute()-metoden:
setAttribute ( attributnavn, attributVærdi ) ;Her, ' attributVærdi ” er værdien af den attribut, hvis navn er angivet.
Eksempel
Vi vil først oprette en overskrift og et inputfelt med standard ' Tekst ” pladsholderværdi. Tilføj derefter en knap, der vil påkalde 'myFunction()'-metoden, når der klikkes på den:
< h5 > Klik på knappen for at se Standard værdien af tekstfeltet. h5 >< input type = 'tekst' id = 'min tekst' pladsholder = 'Tekst' >
< knap ved klik = 'myFunction()' > Klik knap >
I JS-fil skal du definere en funktion med navnet ' myFunction() ' og få adgang til tekstboksen ved hjælp af ' getElementbyId() ”-metoden og indstil derefter værdien ved hjælp af ” setAttribute() ” metode:
funktion myFunction ( ) {dokument. getElementById ( 'min tekst' ) . setAttribute ( 'værdi' , 'LinuxHint' ) ;
}
Det kan ses på outputtet, at når der trykkes på knappen, er værdien af tekstboksen sat som ' LinuxTip ”:
Lad os se den næste procedure for at tildele værdi til tekstboksen.
Metode 2: Tildel værdi til tekstboks ved hjælp af tekstværdiegenskab
Der er en anden tilgang til at tildele værdi til tekstboksen, som er ' værdi ” tekstens egenskab. I denne tilgang skal du kun tildele værdien til tekstboksen ved hjælp af værdiegenskaben.
Syntaks
Brug følgende syntaks til at tildele værdi til en tekstboks ved hjælp af værdiegenskaben for tekstelementet:
værdi = 'Tekst' ;Eksempel
Her vil vi tildele værdien til den allerede oprettede tekstboks i det forrige eksempel. For at gøre det skal du åbne tekstboksen i myFunction() og derefter tildele den påkrævede værdi til tekstboksen ved hjælp af ' værdi ” ejendom:
funktion myFunction ( ) {dokument. getElementById ( 'min tekst' ) . værdi = 'LinuxHint' ;
}
Som du kan se outputtet med succes, tildel værdien til tekstboksen:
Vi har samlet de enkleste metoder til at tildele værdi til tekstboksen ved hjælp af JavaScript.
Konklusion
For at tildele værdi til tekstboksen ved hjælp af JavaScript kan du bruge den foruddefinerede JavaScript-metode kaldet setAttribute()-metoden eller værdiegenskaben for tekstelementet. Begge disse tilgange fungerer effektivt til at tildele værdi til tekstboksen. Du kan vælge en af dem efter dit behov. I dette indlæg har vi diskuteret tilgangene til at tildele værdien til tekstboksen ved hjælp af JavaScript med detaljerede eksempler.