ஜாவாஸ்கிரிப்ட் ஆப்ஜெக்ட்களின் வரிசையில் ஒரு ஆப்ஜெக்ட் ஐடியை கண்டுபிடிப்பதற்கான முறையை இந்த இடுகை கூறியுள்ளது.
ஜாவாஸ்கிரிப்டில் append() முறை என்றால் என்ன?
' பின்னிணைப்பு() 'ஜாவாஸ்கிரிப்டில் உள்ள முறை உறுப்புகளின் முடிவில் உறுப்புகள் அல்லது சரம் பொருள்களைச் செருகுவதற்குப் பயன்படுத்தப்படுகிறது. உறுப்பு முடிவில் குறிப்பிட்ட நிலையில் தேவையான உறுப்பைச் சேர்க்க இது மிகவும் பயனுள்ள முறைகளில் ஒன்றாகும்.
ஜாவாஸ்கிரிப்ட்டில் append() முறையை எவ்வாறு பயன்படுத்துவது?
ஜாவாஸ்கிரிப்டில் append() செயல்பாட்டைப் பயன்படுத்த, கீழே குறிப்பிடப்பட்டுள்ள தொடரியல் பின்பற்றவும்:
$ ( தேர்வாளர் ) . இணைக்கவும் ( உள்ளடக்கம், செயல்பாடு ( குறியீட்டு, html ) )
இங்கே:
- ' தேர்வாளர் ” என்பது அணுகப்பட்ட HTML உறுப்பு.
- ' பின்னிணைப்பு() ” முறை உறுப்பைச் சேர்க்கப் பயன்படுகிறது.
- ' உள்ளடக்கம் ” என்பது தேவையான அளவுரு ஆகும், இது சேர்க்க வேண்டிய தரவு உள்ளடக்கத்தை தீர்மானிக்கிறது.
- ' செயல்பாடு () ” என்பது ஒரு விருப்ப உறுப்பு.
எடுத்துக்காட்டு 1: பத்தியில் அதே உறுப்பைச் சேர்க்கவும்
ஒரு பத்தியில் அதே கூறுகளைச் சேர்க்க, முதலில், தொடர்புடைய HTML பக்கத்தைத் திறந்து, '' ஐப் பயன்படுத்தவும் குறிச்சொல்லுக்கு இடையில் தரவை உட்பொதிக்க குறிச்சொல். மேலும், ஒரு ' ஐடி ஜாவாஸ்கிரிப்ட்டில் அதை அணுக பத்திக்கு:
< p id = 'உறுப்பு' > Linuxhint க்கு வரவேற்கிறோம் ப >
அடுத்து, '' உதவியுடன் ஒரு பொத்தானை உருவாக்கவும். <பொத்தான்> 'உறுப்பு மற்றும் பயன்படுத்த' வர்க்கம் ஒரு குறிப்பிட்ட பெயரைக் குறிப்பிடுவதற்கான பண்புக்கூறு மற்றும் பொத்தானில் காட்டுவதற்கு பொத்தான் உறுப்புடன் உரையை உட்பொதிக்கவும்:
< பொத்தானை வர்க்கம் = 'btn' > உறுப்பு இணைக்கவும் பொத்தானை >இப்போது, பயன்படுத்தவும் ' ஜாவாஸ்கிரிப்ட் குறியீட்டைச் சேர்க்க 'குறிச்சொல்:
< கையால் எழுதப்பட்ட தாள் >
$ ( ஆவணம் ) . தயார் ( செயல்பாடு ( ) {
$ ( '.btn' ) . கிளிக் செய்யவும் ( செயல்பாடு ( ) {
$ ( '#உறுப்பு' ) . இணைக்கவும் ( 'பொத்தான் கிளிக்கில் உரையைச் சேர்' ) ;
} ) ;
} ) ;
கையால் எழுதப்பட்ட தாள் >
கொடுக்கப்பட்ட குறியீட்டின் படி:
- ' தயார்() ஆவணம் வெற்றிகரமாக திரையில் ஏற்றப்படும் போது ஒரு செயல்பாட்டைக் கிடைக்கச் செய்வதற்கு ” முறை பயன்படுத்தப்படுகிறது. அவ்வாறு செய்ய, ' செயல்பாடு () அளவுருவாக முறை.
- ' கிளிக்() HTML பொத்தான் உறுப்பில் பயனர் கிளிக் செய்யும் போது ” முறை செயல்படுத்தப்படுகிறது. ஒரு பயனர் பொத்தானை அழுத்தும்போது இந்த முறை கிளிக் செய்வதை தீர்மானிக்கிறது.
- ' பின்னிணைப்பு() 'முறையானது' செயல்பாட்டிற்குப் பிறகு பொருள்களின் தொகுப்பைச் செருகுகிறது கிளிக்() ”முறை. அந்த நோக்கத்திற்காக, இணைக்க வேண்டிய உரையை அனுப்பவும்.
வெளியீடு
எடுத்துக்காட்டு 2: பட்டியல் படிவத்தில் வெவ்வேறு கூறுகளைச் சேர்க்கவும்
வெவ்வேறு கூறுகளை பட்டியல் வடிவில் சேர்க்கலாம். அவ்வாறு செய்ய, ஒரு HTML பக்கத்தை உருவாக்கி, உரையை உட்பொதிக்கவும். 'குறிச்சொல்:
< p id = 'சேர்' > ஜாவாஸ்கிரிப்ட் இணைப்பு ( ) செயல்பாடு ப >'ஐப் பயன்படுத்தி ஒரு பொத்தானை உருவாக்கவும் <பொத்தான்> 'உறுப்பு மற்றும் பயன்படுத்த' கிளிக் செய்யவும் 'ஒரு பயனர் HTML உறுப்பைக் கிளிக் செய்யும் போது ஏற்படும் நிகழ்வு:
< பொத்தானை கிளிக் செய்யவும் = 'func()' > கூறுகளைச் சேர்க்கவும் பொத்தானை >ஒரு div கொள்கலனை உருவாக்கி, அந்த கொள்கலனுக்கு ஐடியை ஒதுக்க “ ஐடி ” பண்பு. அடுத்து, '' இன் உதவியுடன் கூறுகளைச் சேர்க்கவும் 'குறிச்சொல்:
< div ஐடி = 'அதிக உறுப்பு' >< ப > உறுப்பு 1 ப >
< ப > உறுப்பு 2 ப >
div >
அடுத்து, பயன்படுத்தப்பட்டது ' ” குறிச்சொல்லிட்டு, குறிச்சொல்லுக்கு இடையில் பின்வரும் குறியீட்டைச் சேர்க்கவும்:
< கையால் எழுதப்பட்ட தாள் >var உறுப்பு எண் = 3 ;
செயல்பாடு செயல்பாடு ( ) {
ஒரு பெற்றோராக இருந்தார் = ஆவணம். getElementById ( 'மேலும் உறுப்பு' ) ;
புதிய உறுப்பு இருந்தது = '
உறுப்பு'
+ உறுப்பு எண் + '' ;பெற்றோர். பக்கத்து HTML செருகவும் ( 'முன்' , மற்றும் உறுப்பு ) ;
உறுப்பு எண் ++;
}
கையால் எழுதப்பட்ட தாள் >
மேலே கூறப்பட்ட குறியீட்டில்:
- 'ஐப் பயன்படுத்தி ஒரு மாறியை அறிவிக்கவும் இருந்தது ” முக்கிய வார்த்தை மற்றும் உங்கள் விருப்பத்திற்கு ஏற்ப ஒரு மதிப்பை ஒதுக்கவும்.
- ஒரு செயல்பாட்டை வரையறுத்து, குறிப்பிட்ட பெயருடன் வரையறுக்கப்பட்ட செயல்பாட்டிற்குள் மற்றொரு மாறியை துவக்கவும்.
- பின்னர், 'என்று அழைக்கவும் getElementById() ”உறுப்பை அணுகுவதற்கும் ஐடி மதிப்பை அளவுருவாக அனுப்புவதற்கும் ஜாவாஸ்கிரிப்ட் முறை.
- ' பக்கத்து HTML() HTML குறியீட்டை ஒரு குறிப்பிட்ட நிலையில் சேர்ப்பதற்கும், ஒன்றோடொன்று இணைந்த உறுப்பைச் சேர்ப்பதற்கும்” முறை பயன்படுத்தப்படுகிறது.
- உறுப்பில் அதிகரிப்பைச் செய்ய, அதிகரிப்பு ஆபரேட்டரைப் பயன்படுத்தவும்:
ஜாவாஸ்கிரிப்டில் append() முறையின் பயன்பாடு பற்றி பல்வேறு எடுத்துக்காட்டுகளுடன் நீங்கள் அறிந்துள்ளீர்கள்.
முடிவுரை
' பின்னிணைப்பு() ” என்பது ஒரு ஜாவாஸ்கிரிப்ட் முறையாகும், இது வரையறுக்கப்பட்ட உறுப்பின் முடிவில் உறுப்பு மற்றும் பொருட்களைச் செருகுவதற்குப் பயன்படுத்தப்படுகிறது. பத்திகள் மற்றும் பட்டியல்களின் வடிவத்தில் ஒரே உறுப்பு மற்றும் வெவ்வேறு கூறுகளை நீங்கள் சேர்க்கலாம். மேலும் குறிப்பாக, இது ஒரு பொத்தானைக் கிளிக் செய்வதன் மூலம் தூண்டப்படலாம். இந்த இடுகை ஜாவாஸ்கிரிப்டில் append() முறையை நிரூபித்துள்ளது.