Această postare va defini procedura de atribuire a valorii casetei de text folosind JavaScript.
Cum să atribuiți valoare casetei de text folosind JavaScript?
Pentru a atribui valoare casetei de text, utilizați următoarele metode:
Să ne uităm la funcționarea acestor metode separat!
Metoda 1: Atribuiți valoare casetei de text folosind metoda setAttribute().
„ setAttribute() ” este folosită pentru a atribui o valoare casetei de text. Este utilizat pentru a adăuga sau a seta un atribut unui anumit element și pentru a-i da o valoare. Această metodă ia doi parametri ca argument și ambii sunt obligatorii.
Sintaxă
Urmați sintaxa menționată mai jos pentru metoda setAttribute():
setAttribute ( attributeName, attributeValue ) ;Aici, ' attributeValue ” este valoarea atributului al cărui nume este specificat.
Exemplu
Vom crea mai întâi un titlu și un câmp de intrare cu implicit „ Text ” valoarea substituentului. Apoi, adăugați un buton care va invoca metoda „myFunction()” atunci când este făcut clic:
< h5 > Faceți clic pe butonul pentru a vedea Mod implicit valoarea câmpului de text. h5 >< tip de introducere = 'text' id = „Textul meu” substituent = 'Text' >
< butonul la clic = 'funcția mea()' > Clic buton >
În fișierul JS, definiți o funcție numită „ myFunction() ” și accesați caseta text folosind „ getElementbyId() ” și apoi setați valoarea cu ajutorul lui “ setAttribute() ” metoda:
funcția myFunction ( ) {document. getElementById ( „Textul meu” ) . setAttribute ( 'valoare' , „LinuxHint” ) ;
}
Din rezultat se poate observa că atunci când se face clic pe butonul, valoarea casetei de text este setată ca „ LinuxHint ”:
Să vedem următoarea procedură de atribuire a valorii casetei de text.
Metoda 2: Atribuiți valoare casetei de text utilizând proprietatea Valoare text
Există o altă abordare pentru atribuirea valorii casetei de text, care este „ valoare ” proprietatea textului. În această abordare, trebuie doar să atribuiți valoarea casetei de text folosind proprietatea value.
Sintaxă
Utilizați următoarea sintaxă pentru a atribui valoare unei casete text folosind proprietatea value a elementului text:
valoare = 'Text' ;Exemplu
Aici, vom atribui valoarea casetei de text deja create în exemplul anterior. Pentru a face acest lucru, accesați caseta text din myFunction() și apoi atribuiți valoarea necesară casetei text folosind „ valoare ” proprietate:
funcția myFunction ( ) {document. getElementById ( „Textul meu” ) . valoare = „LinuxHint” ;
}
După cum puteți vedea rezultatul cu succes, atribuiți valoarea casetei de text:
Am adunat cele mai simple abordări pentru a atribui valoare casetei de text folosind JavaScript.
Concluzie
Pentru a atribui valoare casetei de text folosind JavaScript, puteți utiliza metoda predefinită JavaScript numită metoda setAttribute() sau proprietatea value a elementului text. Ambele abordări funcționează eficient pentru a atribui valoare casetei de text. Puteți selecta unul dintre ele conform cerințelor dvs. În această postare, am discutat despre abordările de atribuire a valorii casetei de text folosind JavaScript cu exemple detaliate.