Bu gönderi, JavaScript kullanarak metin kutusuna değer atama prosedürünü tanımlayacaktır.
JavaScript Kullanarak Metin Kutusuna Nasıl Değer Atanır?
Metin kutusuna değer atamak için aşağıdaki yöntemleri kullanın:
Şimdi bu yöntemlerin işleyişine ayrı ayrı bakalım!
Yöntem 1: setAttribute() Yöntemini Kullanarak Metin Kutusuna Değer Atama
“ setÖzellik() Metin kutusuna bir değer atamak için ” metodu kullanılır. Belirli bir öğeye bir nitelik eklemek veya ona bir değer vermek için kullanılır. Bu yöntem argüman olarak iki parametre alır ve her ikisi de zorunludur.
Sözdizimi
setAttribute() yöntemi için aşağıda belirtilen sözdizimini izleyin:
setAttribute ( nitelikAdı, nitelikDeğeri ) ;Burada, ' nitelikDeğeri ” adı belirtilen özniteliğin değeridir.
Örnek
İlk önce bir başlık ve varsayılan “giriş alanı” oluşturacağız. Metin ” yer tutucu değeri. Ardından, tıklandığında “myFunction()” yöntemini çağıracak bir düğme ekleyin:
< h5 > görmek için butona tıklayın varsayılan metin alanının değeri. h5 >< giriş tipi = 'Metin' İD = 'benim Metnim' Yer tutucu = 'Metin' >
< tıklandığında düğme = 'benimFonksiyonum()' > Tıklamak buton >
JS dosyasında “ adlı bir işlev tanımlayın. myFunction() ” ve “ kullanarak metin kutusuna erişin” getElementbyId() ” yöntemini seçin ve ardından “ yardımı ile değeri ayarlayın. setÖzellik() ' yöntem:
işlev myFunction ( ) {belge. getElementById ( 'benim Metnim' ) . setAttribute ( 'değer' , 'Linuxİpucu' ) ;
}
Buton tıklandığında textbox değerinin “olarak ayarlandığı çıktıdan görülebilir. Linuxİpucu ”:
Metin kutusuna değer atamak için sonraki prosedürü görelim.
Yöntem 2: Metin Değeri Özelliğini Kullanarak Metin Kutusuna Değer Atama
Metin kutusuna değer atamak için “ değer ” metnin özelliği. Bu yaklaşımda, metin kutusuna yalnızca value özelliğini kullanarak değeri atamanız gerekir.
Sözdizimi
Metin öğesinin değer özelliğini kullanarak bir metin kutusuna değer atamak için aşağıdaki sözdizimini kullanın:
değer = 'Metin' ;Örnek
Burada, önceki örnekte zaten oluşturulmuş olan metin kutusuna değeri atayacağız. Bunu yapmak için myFunction() içindeki metin kutusuna erişin ve ardından “ değer ' Emlak:
işlev myFunction ( ) {belge. getElementById ( 'benim Metnim' ) . değer = 'Linux İpucu' ;
}
Çıktıyı başarıyla gördüğünüz gibi, değeri metin kutusuna atayın:
JavaScript kullanarak metin kutusuna değer atamak için en basit yaklaşımları bir araya getirdik.
Çözüm
JavaScript kullanarak metin kutusuna değer atamak için setAttribute() yöntemi olarak adlandırılan JavaScript önceden tanımlanmış yöntemini veya metin öğesinin value özelliğini kullanabilirsiniz. Bu yaklaşımların her ikisi de metin kutusuna değer atamak için verimli bir şekilde çalışır. İhtiyacınıza göre bunlardan birini seçebilirsiniz. Bu yazıda, JavaScript kullanarak metin kutusuna değer atama yaklaşımlarını ayrıntılı örneklerle tartıştık.