பிடிக்கப்படாத வகைப் பிழை எப்படி ஏற்படுகிறது: getElementById() இல் பூஜ்யத்தின் பண்புகளை அமைக்க முடியவில்லையா?
' பிடிக்கப்படாத வகைப் பிழை: getElementById() இல் பூஜ்யத்தின் பண்புகளை அமைக்க முடியாது 'பின்வரும் காரணங்களுக்காக ஏற்படலாம்:
எடுத்துக்காட்டு 1: பிடிக்கப்படாத வகைப் பிழையின் நிகழ்வு: தனிமத்தின் முன் அணுகல் காரணமாக getElementById() இல் பூஜ்யத்தின் பண்புகளை அமைக்க முடியாது
இந்த எடுத்துக்காட்டில், குறிப்பிட்ட உறுப்பைக் குறிப்பிடுவதற்கு முன் அதன் அணுகல் காரணமாக ஏற்பட்ட பிழை விவாதிக்கப்படும்:
< கையால் எழுதப்பட்ட தாள் >
ஆவணம். getElementById ( 'தலை' ) . உள் HTML = 'ஜாவாஸ்கிரிப்ட் உள்ளடக்கம்' ;
கையால் எழுதப்பட்ட தாள் >
< மையம் >< உடல் >
< h2 ஐடி = 'தலை' > Linuxhint இணையதளம் h2 >
உடல் > மையம் >
மேலே உள்ள குறியீட்டு வரிகளில் கொடுக்கப்பட்டுள்ளபடி, பின்வரும் படிகளைப் பயன்படுத்தவும்:
- முதலில், ஜாவாஸ்கிரிப்ட் குறியீடு தொகுதியை ' ” குறிச்சொல்.
- இங்கே, குறிப்பிடப்பட்டுள்ள உறுப்பை அணுகவும் ' ஐடி ' பயன்படுத்தி ' getElementById() ”முறை.
- மேலும், விண்ணப்பிக்கவும் ' உள் HTML அணுகப்பட்ட உறுப்பின் உள்ளடக்கத்தைப் புதுப்பிக்கும் சொத்து.
- HTML குறியீட்டில் ' <உடல்> 'குறிச்சொல், குறிப்பிடப்பட்ட' என்ற தலைப்பைச் சேர்க்கவும் ஐடி ”.
- குறியீட்டை இயக்கும் போது, வகை பிழை ' getElementById() இல் பூஜ்யத்தின் பண்புகளை அமைக்க முடியாது ” ஏற்படும். இதற்குக் காரணம் ' ” என்பது குறிப்பிடப்படுவதற்கு முன்பே அணுகப்படுகிறது.
வெளியீடு
மேலே உள்ள வெளியீட்டில், உறுப்புக்கான முன் அணுகல் காரணமாக கூறப்பட்ட பிழை காட்டப்படுவதைக் காணலாம்.
தீர்வு
இந்த வழக்கில் மேலே எதிர்கொள்ளப்பட்ட பிழையானது குறியீட்டை வரிசைப்படுத்துவதன் மூலம் அதை அணுகுவதற்கு முன் உறுப்பு குறிப்பிடப்பட்டதன் மூலம் தீர்க்கப்படும்.
பின்வரும் உதாரணம் கூறப்பட்ட கருத்தை விளக்குகிறது:
< மையம் >< உடல் >< h2 ஐடி = 'தலை' > Linuxhint இணையதளம் h2 >
உடல் > மையம் >
< கையால் எழுதப்பட்ட தாள் >
ஆவணம். getElementById ( 'தலை' ) . உள் HTML = 'ஜாவாஸ்கிரிப்ட் உள்ளடக்கம்' ;
கையால் எழுதப்பட்ட தாள் >
மேலே உள்ள குறியீடு, குறியீடு தொகுதிகளின் இடத்தில் மாற்றத்துடன் முந்தைய குறியீட்டைப் போலவே உள்ளது. அது அப்படித்தான் ' 'உறுப்பு ஜாவாஸ்கிரிப்ட் குறியீட்டில் அணுகப்படுவதற்கு முன்பு குறிப்பிடப்படுகிறது.
வெளியீடு
பார்த்தபடி, எதிர்கொள்ளப்பட்ட பிழை தீர்க்கப்பட்டது, மேலும் உள்ளடக்கம் புதுப்பிக்கப்பட்டது ' உள் HTML 'சொத்து காட்டப்படும்.
எடுத்துக்காட்டு 2: கண்டறியப்படாத வகைப் பிழையின் நிகழ்வு: ஐடியின் தவறான அணுகல் காரணமாக getElementById() இல் பூஜ்யத்தின் பண்புகளை அமைக்க முடியாது
ஐடியை தவறாக அணுகுவதன் மூலமும் கூறப்பட்ட பிழையை எதிர்கொள்ளலாம்.
கீழே உள்ள எடுத்துக்காட்டைப் பார்ப்போம்:
< மார்க்யூ ஐடி = 'அதற்காக' > ஜாவா மார்கியூ >< ஸ்கிரிப்ட் வகை = 'உரை/ஜாவாஸ்கிரிப்ட்' >
ஆவணம். getElementById ( '#க்காக' ) . உள் உரை = 'கையால் எழுதப்பட்ட தாள்' ;
கையால் எழுதப்பட்ட தாள் >
மேலே உள்ள குறியீடு துணுக்கில்:
- ஒரு ' <மார்க்யூ> 'கூறப்பட்ட உறுப்பு' ஐடி ” மற்றும் உரை மதிப்பு.
- குறியீட்டின் JS பகுதியில், '' ஐப் பயன்படுத்தி முந்தைய படியில் சேர்க்கப்பட்ட உறுப்பை அணுகவும் getElementById() ”முறை.
- ' ஐடி ” இங்கே வடிவம் சரியாக இல்லை, குறிப்பிட்ட உறுப்பை அணுகுவதற்கான முறையைக் கருத்தில் கொள்ள வேண்டும்.
- இங்கே, ' உள் உரை 'சொத்து குறிப்பிடப்பட்ட உரை மதிப்பைக் காட்டுகிறது.
வெளியீடு
இந்த வெளியீட்டில், தவறான ஐடி வடிவமைப்பின் காரணமாக பயன்படுத்தப்பட்ட சொத்து உறுப்பைப் பாதிக்கவில்லை என்பதைச் சரிபார்க்கலாம்.
தீர்வு
உறுப்பை அணுகும்போது ஐடியை சரியாகக் குறிப்பிடுவதன் மூலம் இந்தக் குறிப்பிட்ட சூழ்நிலையில் குறிப்பிடப்பட்ட பிழையைத் தீர்க்க முடியும்:
< மார்க்யூ ஐடி = 'அதற்காக' > ஜாவா மார்கியூ >< ஸ்கிரிப்ட் வகை = 'உரை/ஜாவாஸ்கிரிப்ட்' >
ஆவணம். getElementById ( 'அதற்காக' ) . உள் உரை = 'கையால் எழுதப்பட்ட தாள்' ;
கையால் எழுதப்பட்ட தாள் >
மேலே உள்ள குறியீட்டில் கூறப்பட்டுள்ளபடி, கீழே கூறப்பட்டுள்ள படிகளைச் செயல்படுத்தவும்:
- அடங்கும்' <மார்க்யூ> ' கொடுக்கப்பட்ட உறுப்பு ' ஐடி ”.
- ஜாவாஸ்கிரிப்ட் குறியீடு துணுக்கில், உறுப்பின் 'ஐக் குறிப்பிடுவதன் மூலம் முந்தைய கட்டத்தில் உறுப்பை அணுகவும். ஐடி 'சரியாக' வழியாக getElementById() ”முறை.
- இறுதியாக, விண்ணப்பிக்கவும் ' உள் உரை ” சொத்து மற்றும் குறிப்பிடப்பட்ட உரை உள்ளடக்கத்தைக் காண்பிக்கும், இது இந்த வழக்கில் புதுப்பிக்கப்படும்.
வெளியீடு
மேலே உள்ள வெளியீட்டில், புதுப்பிக்கப்பட்ட உரை உள்ளடக்கம் காட்டப்படுவதைக் காணலாம்.
முடிவுரை
' பிடிக்கப்படாத வகைப் பிழை: getElementById() இல் பூஜ்யத்தின் பண்புகளை அமைக்க முடியாது ” ஜாவாஸ்கிரிப்ட்டில் உள்ள உறுப்பை அணுகுவதற்கு முன் அல்லது ஐடியை சரியான வடிவத்தில் குறிப்பிடுவதன் மூலம் தீர்க்க முடியும். அவ்வாறு செய்த பிறகு, இரண்டு நிகழ்வுகளிலும் தொடர்புடைய செயல்பாடுகளை செயல்படுத்தலாம். சிக்காத வகைப் பிழையைத் தீர்ப்பது பற்றி இந்த வலைப்பதிவு வழிகாட்டுகிறது: JavaScript இல் getElementById() இல் பூஜ்யத்தின் பண்புகளை அமைக்க முடியாது.