இந்த இடுகை JavaScript ஐப் பயன்படுத்தி உரைப்பெட்டிக்கு மதிப்பை வழங்குவதற்கான செயல்முறையை வரையறுக்கும்.
ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி உரைப்பெட்டிக்கு மதிப்பை எவ்வாறு ஒதுக்குவது?
உரைப்பெட்டிக்கு மதிப்பை வழங்க, பின்வரும் முறைகளைப் பயன்படுத்தவும்:
இந்த முறைகளின் செயல்பாட்டைத் தனித்தனியாகப் பார்ப்போம்!
முறை 1: setAttribute() முறையைப் பயன்படுத்தி உரைப்பெட்டிக்கு மதிப்பை ஒதுக்கவும்
' setAtribute() ” முறையானது உரைப்பெட்டிக்கு மதிப்பை ஒதுக்க பயன்படுகிறது. ஒரு குறிப்பிட்ட உறுப்புக்கு ஒரு பண்புக்கூறைச் சேர்க்க அல்லது அமைக்கவும், அதற்கு மதிப்பைக் கொடுக்கவும் இது பயன்படுகிறது. இந்த முறை இரண்டு அளவுருக்களை ஒரு வாதமாக எடுத்துக்கொள்கிறது, மேலும் இரண்டும் கட்டாயமாகும்.
தொடரியல்
setAttribute() முறைக்கு கீழே குறிப்பிடப்பட்டுள்ள தொடரியல் பின்பற்றவும்:
தொகுப்பு பண்பு ( பண்புப்பெயர், பண்பு மதிப்பு ) ;இங்கே,' பண்பு மதிப்பு ” என்பது பெயர் குறிப்பிடப்பட்ட பண்புக்கூறின் மதிப்பு.
உதாரணமாக
நாம் முதலில் ஒரு தலைப்பு மற்றும் உள்ளீட்டு புலத்தை இயல்புநிலையுடன் உருவாக்குவோம் ' உரை ” ஒதுக்கிட மதிப்பு. அடுத்து, கிளிக் செய்யும் போது “myFunction()” முறையை செயல்படுத்தும் ஒரு பொத்தானைச் சேர்க்கவும்:
< h5 > பார்க்க பொத்தானை கிளிக் செய்யவும் இயல்புநிலை உரை புலத்தின் மதிப்பு. h5 >< உள்ளீடு வகை = 'உரை' ஐடி = 'myText' இடப்பெயர்ச்சி = 'உரை' >
< பொத்தானை கிளிக் செய்யவும் = 'myFunction()' > கிளிக் செய்யவும் பொத்தானை >
JS கோப்பில், '' என்ற செயல்பாட்டை வரையறுக்கவும் myFunction() 'மற்றும் உரைப்பெட்டியை அணுகவும்' getElementbyId() ” முறை பின்னர் மதிப்பை அமைக்கவும் setAtribute() ”முறை:
செயல்பாடு myFunction ( ) {ஆவணம். getElementById ( 'myText' ) . தொகுப்பு பண்பு ( 'மதிப்பு' , 'LinuxHint' ) ;
}
பொத்தானைக் கிளிக் செய்யும் போது, உரைப்பெட்டியின் மதிப்பு '' என அமைக்கப்படுவதை வெளியீட்டிலிருந்து காணலாம். LinuxHint ”:
உரைப்பெட்டிக்கு மதிப்பை வழங்குவதற்கான அடுத்த செயல்முறையைப் பார்ப்போம்.
முறை 2: உரை மதிப்பு பண்புகளைப் பயன்படுத்தி உரைப்பெட்டிக்கு மதிப்பை ஒதுக்கவும்
உரைப்பெட்டிக்கு மதிப்பை வழங்க மற்றொரு அணுகுமுறை உள்ளது, இது ' மதிப்பு 'உரையின் சொத்து. இந்த அணுகுமுறையில், மதிப்பு சொத்தைப் பயன்படுத்தி உரைப்பெட்டிக்கு மதிப்பை மட்டுமே ஒதுக்க வேண்டும்.
தொடரியல்
உரை உறுப்பின் மதிப்புப் பண்புகளைப் பயன்படுத்தி உரைப்பெட்டிக்கு மதிப்பை ஒதுக்க பின்வரும் தொடரியல் பயன்படுத்தவும்:
மதிப்பு = 'உரை' ;உதாரணமாக
இங்கே, முந்தைய எடுத்துக்காட்டில் ஏற்கனவே உருவாக்கப்பட்ட உரைப்பெட்டிக்கு மதிப்பை ஒதுக்குவோம். அவ்வாறு செய்ய, myFunction() இல் உள்ள உரைப்பெட்டியை அணுகவும், பின்னர், '' ஐப் பயன்படுத்தி உரைப்பெட்டிக்கு தேவையான மதிப்பை ஒதுக்கவும் மதிப்பு 'சொத்து:
செயல்பாடு myFunction ( ) {ஆவணம். getElementById ( 'myText' ) . மதிப்பு = 'LinuxHint' ;
}
நீங்கள் வெளியீட்டை வெற்றிகரமாகக் காண முடியும் என, உரைப்பெட்டிக்கு மதிப்பை ஒதுக்கவும்:
JavaScript ஐப் பயன்படுத்தி உரைப்பெட்டிக்கு மதிப்பை வழங்குவதற்கான எளிய அணுகுமுறைகளை நாங்கள் சேகரித்துள்ளோம்.
முடிவுரை
ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி உரைப்பெட்டிக்கு மதிப்பை ஒதுக்க, நீங்கள் setAttribute() முறை அல்லது உரை உறுப்பு மதிப்பு பண்பு எனப்படும் ஜாவாஸ்கிரிப்ட் முன் வரையறுக்கப்பட்ட முறையைப் பயன்படுத்தலாம். இந்த இரண்டு அணுகுமுறைகளும் உரைப்பெட்டிக்கு மதிப்பை வழங்குவதற்கு திறமையாக செயல்படுகின்றன. அவற்றில் ஒன்றை உங்கள் தேவைக்கேற்ப தேர்ந்தெடுக்கலாம். இந்த இடுகையில், ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி உரைப்பெட்டிக்கு மதிப்பை ஒதுக்குவதற்கான அணுகுமுறைகளை விரிவான எடுத்துக்காட்டுகளுடன் விவாதித்தோம்.