Hvordan få tekstområdeverdi i JavaScript?

I prosessen med å designe responsive websider eller nettsteder, er det behov for å be brukeren av de angitte dataene for å sikre riktig angitt data. For eksempel å bekrefte de skrevne e -postene og passordene. I det andre tilfellet, logger du en feil eller advarsel på et valgt alternativ som kan føre til en viss alvorlig konsekvens i.e virus osv. I slike case-scenarios er det veldig nyttig å få tekstområde i JavaScript.

Denne oppskrivningen vil forklare tilnærmingene for å få tekstområdeverdi i JavaScript.

Hvordan få tekstområdeverdi i JavaScript?

Tekstarealverdien kan hentes i JavaScript ved hjelp av følgende tilnærminger:

• “getElementById ()”Metode.
• “AddEventListener ()”Metode.
• “jQuery”.

Tilnærming 1: Få tekstområdeverdi i JavaScript ved hjelp av getElementById () -metoden

“getElementById ()”Metode får tilgang til et element med det spesifiserte”id”.Denne metoden kan implementeres for å hente inngangstekstfeltet og returnere den angitte verdien i den.

Syntaks

dokument.getElementById (element)

I den gitte syntaks:

• “element”Refererer til“id”Å bli hentet mot det aktuelle elementet.

Eksempel
La oss se på følgende eksempel:

La oss bruke følgende trinn i koden nedenfor:

Få tekstområdeverdi i JavaScript

Skriv noe:
Få verdi

Utfør følgende trinn:

• I det første trinnet, spesifiser den angitte overskriften.
• Etter det, inkluder inngangstekstfeltet med det spesifiserte “id”Og“stedholder”Verdi.
• Opprett også en knapp med en vedlagt "ved trykk”Hendelse som omdirigerer til funksjonen TextareAvalue ()

La oss gå videre til JavaScript -delen av koden:

I ovennevnte JavaScript -kode:

• Erklære en funksjon som heter “textarealue ()”.
• I sin definisjon får du tilgang til inngangstekstfeltet ved sin spesifiserte ID ved å bruke "getElementById ()”Metode.
• Bruk også “verdi”Eiendom for å hente den angitte tekstverdien.
• Til slutt kan du vise tekstområdeverdien via "varsling”Dialogboks.

Produksjon

I outputten kan det observeres at den angitte verdien hentes via varslet dialogboks.

Tilnærming 2: Få tekstområdeverdi i JavaScript ved hjelp av AddEventListener () -metoden

“AddEventListener ()”Metode brukes til å knytte en“begivenhet”Med et element. Denne metoden kan brukes til å knytte en hendelse til funksjonen slik at tekstområdeverdien hentes på hver inngangsside om side på konsollen.

Syntaks

element.AddEventListener (Event, Function, Exec)

I syntaks ovenfor:

• “begivenhet”Peker på hendelsesnavnet.
• “funksjon”Indikerer at funksjonen skal kjøres på utløseren av en hendelse.
• “Exec”Er den valgfrie parameteren.

Eksempel
La oss følge det undergitte eksemplet trinn for trinn:

Skriv noe:

I ovennevnte kode-snippet:

• Spesifiser det angitte etiketten. Også tildele "tekstarea”Element med den spesifiserte verdien av“id”Og“stedholder”Og juster dimensjonene også.
• I JavaScript -delen av koden får du tilgang til den spesifiserte tekstområdet i forrige trinn og vis den ved hjelp av "verdi”Eiendom.
• I neste trinn, legg ved en hendelse “tekst”Til det hentet”tekstområde" bruker "AddEventListener ()”Metode og bruk den på funksjonen”textarealue ()”. “begivenhet”I sitt argument gir informasjon om hendelsen som utløses.
• Dette vil resultere i å logge hver av de angitte tekstverdiene side om side.

Produksjon

Fra ovennevnte utgang, “henter”Av hver av de angitte tekstverdiene kan observeres.

Tilnærming 3: Få tekstområdeverdi i JavaScript ved hjelp av jQuery

“jQuery”Kan brukes for å få tilgang til inngangstekstfeltet og utløse funksjonalitetene så snart dokumentobjektmodellen (DOM) er lastet inn.

Eksempel
La oss følge det undergitte eksemplet:

Skriv noe:
Få verdi

I kodelinjene ovenfor, utfør følgende trinn:

• Inkluder jQuery -biblioteket for å bruke metodene.
• Spesifiser “inngang”Som tekstfelt med de spesifiserte verdiene til“id”Og“stedholder”Som diskutert før.
• Opprett også en knapp for å få verdien på knappeklikk.

Gå videre til JavaScript -delen av koden:

Følg de uttalte trinnene:

• Bruk “klar()”Metode for å bruke de videre metodene på den lastede DOM.
• Få tilgang til den opprettede knappen og fest "Klikk ()”Metode til den som vil utføre den oppgitte funksjonen i parameteren.
• Klikk () -metoden får tilgang til det spesifiserte inngangstekstfeltet og logger den angitte tekstverdien på konsollen.

Produksjon

Derfor er typens verdi logget på konsollen.

Dette var alle de forskjellige måtene å få verdien av tekstområdet ved hjelp av JavaScript.

Konklusjon

“getElementById ()”Metode,“AddEventListener ()”Metode eller“jQuery”Kan brukes til å få tekstområdeverdi i JavaScript. GetElementById () -metoden kan implementeres for å få tilgang til inngangstekstfeltet og vise den angitte tekstområdeverdien via varsel. AddEventListener () -metoden kan brukes til å knytte en “inngang”Hendelse som vil få tekstverdien på hver inngangsside om side. JQuery kan brukes for å få tilgang til knappen direkte og hente den angitte tekstverdien på knappen Klikk på konsollen. Denne opplæringen forklarer hvordan du får tekstområdeverdi i JavaScript.