Siaran ini akan mentakrifkan prosedur untuk memberikan nilai pada kotak teks menggunakan JavaScript.
Bagaimana untuk Menetapkan Nilai ke Kotak Teks Menggunakan JavaScript?
Untuk memberikan nilai pada kotak teks, gunakan kaedah berikut:
Mari kita lihat cara kerja kaedah ini secara berasingan!
Kaedah 1: Berikan Nilai pada Kotak Teks Menggunakan Kaedah setAttribute().
' setAttribute() ” kaedah digunakan untuk menetapkan nilai pada kotak teks. Ia digunakan untuk menambah atau menetapkan atribut kepada elemen tertentu dan memberikannya nilai. Kaedah ini mengambil dua parameter sebagai hujah, dan kedua-duanya adalah wajib.
Sintaks
Ikuti sintaks yang disebut di bawah untuk kaedah setAttribute():
setAttribute ( attributeName, attributeValue ) ;Di sini, ' attributeValue ” ialah nilai atribut yang namanya ditentukan.
Contoh
Kami mula-mula akan membuat tajuk dan medan input dengan lalai ' Teks ” nilai pemegang tempat. Seterusnya, tambahkan butang yang akan menggunakan kaedah 'myFunction()' apabila ia diklik:
< h5 > Klik butang untuk melihat lalai nilai medan teks. h5 >< jenis input = 'teks' ID = 'myTeks' pemegang tempat = 'Teks' >
< butang onclick = 'myFunction()' > klik butang >
Dalam fail JS, tentukan fungsi bernama “ myFunction() ” dan akses kotak teks menggunakan “ getElementbyId() kaedah ” dan kemudian tetapkan nilai dengan bantuan “ setAttribute() ' kaedah:
fungsi myFunction ( ) {dokumen. getElementById ( 'myTeks' ) . setAttribute ( 'nilai' , 'LinuxHint' ) ;
}
Ia boleh dilihat daripada output bahawa apabila butang diklik, nilai kotak teks ditetapkan sebagai “ LinuxHint ”:
Mari lihat prosedur seterusnya untuk memberikan nilai pada kotak teks.
Kaedah 2: Berikan Nilai pada Kotak Teks Menggunakan Harta Nilai Teks
Terdapat satu lagi pendekatan untuk memberikan nilai kepada kotak teks, iaitu ' nilai ” sifat teks. Dalam pendekatan ini, anda hanya perlu menetapkan nilai pada kotak teks menggunakan sifat nilai.
Sintaks
Gunakan sintaks berikut untuk memberikan nilai pada kotak teks menggunakan sifat nilai elemen teks:
nilai = 'Teks' ;Contoh
Di sini, kami akan memberikan nilai kepada kotak teks yang telah dibuat dalam contoh sebelumnya. Untuk berbuat demikian, akses kotak teks dalam myFunction() dan kemudian, tetapkan nilai yang diperlukan pada kotak teks menggunakan “ nilai ” harta:
fungsi myFunction ( ) {dokumen. getElementById ( 'myTeks' ) . nilai = 'LinuxHint' ;
}
Seperti yang anda boleh lihat output berjaya, tetapkan nilai ke kotak teks:
Kami telah mengumpulkan pendekatan paling mudah untuk memberikan nilai pada kotak teks menggunakan JavaScript.
Kesimpulan
Untuk menetapkan nilai pada kotak teks menggunakan JavaScript, anda boleh menggunakan kaedah pratakrif JavaScript yang dipanggil kaedah setAttribute() atau sifat nilai elemen teks. Kedua-dua pendekatan ini berfungsi dengan cekap untuk memberikan nilai pada kotak teks. Anda boleh memilih salah satu daripadanya mengikut keperluan anda. Dalam siaran ini, kami telah membincangkan pendekatan untuk memberikan nilai kepada kotak teks menggunakan JavaScript dengan contoh terperinci.