Šajā ziņojumā tiks noteikta procedūra vērtības piešķiršanai tekstlodziņam, izmantojot JavaScript.
Kā tekstlodziņam piešķirt vērtību, izmantojot JavaScript?
Lai tekstlodziņam piešķirtu vērtību, izmantojiet šādas metodes:
Apskatīsim šo metožu darbību atsevišķi!
1. metode: piešķiriet vērtību tekstlodziņam, izmantojot setAttribute() metodi
' setAttribute() ” metode tiek izmantota, lai tekstlodziņam piešķirtu vērtību. To izmanto, lai pievienotu vai iestatītu atribūtu noteiktam elementam un piešķirtu tam vērtību. Šī metode izmanto divus parametrus kā argumentu, un abi ir obligāti.
Sintakse
Izpildiet tālāk minēto setAttribute() metodes sintakse:
setAttribute ( atribūtsName, atribūtiValue ) ;Šeit, ' atribūtiValue ” ir atribūta vērtība, kura nosaukums ir norādīts.
Piemērs
Vispirms mēs izveidosim virsrakstu un ievades lauku ar noklusējuma “ Teksts ” viettura vērtība. Pēc tam pievienojiet pogu, kas, noklikšķinot uz tās, izsauks metodi “myFunction()”:
< h5 > Noklikšķiniet uz pogas, lai redzētu noklusējuma teksta lauka vērtību. h5 >< ievades veids = 'teksts' id = 'mans teksts' vietturis = 'Teksts' >
< pogu onclick = 'myFunction()' > Klikšķis pogu >
JS failā definējiet funkciju ar nosaukumu ' myFunction() un piekļūstiet tekstlodziņam, izmantojot getElementbyId() ' metodi un pēc tam iestatiet vērtību, izmantojot ' setAttribute() ” metode:
funkcija myFunction ( ) {dokumentu. getElementById ( 'mans teksts' ) . setAttribute ( 'vērtība' , 'LinuxHint' ) ;
}
No izvades var redzēt, ka, noklikšķinot uz pogas, tekstlodziņa vērtība tiek iestatīta kā ' LinuxHint ”:
Apskatīsim nākamo procedūru vērtības piešķiršanai tekstlodziņam.
2. metode. Piešķiriet vērtību tekstlodziņam, izmantojot teksta vērtības rekvizītu
Ir vēl viena pieeja vērtības piešķiršanai tekstlodziņam, kas ir “ vērtību ” teksta īpašība. Izmantojot šo pieeju, tekstlodziņam ir tikai jāpiešķir vērtība, izmantojot vērtību rekvizītu.
Sintakse
Izmantojiet šādu sintaksi, lai tekstlodziņam piešķirtu vērtību, izmantojot teksta elementa vērtības rekvizītu:
vērtību = 'Teksts' ;Piemērs
Šeit mēs piešķirsim vērtību jau izveidotajam tekstlodziņam iepriekšējā piemērā. Lai to izdarītu, piekļūstiet tekstlodziņam myFunction() un pēc tam piešķiriet tekstlodziņam nepieciešamo vērtību, izmantojot ' vērtību ” īpašums:
funkcija myFunction ( ) {dokumentu. getElementById ( 'mans teksts' ) . vērtību = 'LinuxHint' ;
}
Kā redzat izvadi veiksmīgi, tekstlodziņam piešķiriet vērtību:
Mēs esam apkopojuši vienkāršākās pieejas vērtības piešķiršanai tekstlodziņam, izmantojot JavaScript.
Secinājums
Lai tekstlodziņam piešķirtu vērtību, izmantojot JavaScript, varat izmantot JavaScript iepriekš definētu metodi, ko sauc par setAttribute() vai teksta elementa vērtības rekvizītu. Abas šīs pieejas efektīvi darbojas, lai tekstlodziņam piešķirtu vērtību. Jūs varat izvēlēties vienu no tiem atbilstoši savām prasībām. Šajā ziņojumā mēs esam apsprieduši pieejas vērtības piešķiršanai tekstlodziņam, izmantojot JavaScript ar detalizētiem piemēriem.