কিভাবে ধরা না পড়া TypeError: getElementById() এ নাল এর বৈশিষ্ট্য সেট করা যায় না?
দ্য ' ধরা পড়া টাইপ ত্রুটি: getElementById() এ নাল বৈশিষ্ট্য সেট করা যাবে না 'নিম্নলিখিত কারণে ঘটতে পারে:
উদাহরণ 1: ধরা না পড়া টাইপ ত্রুটির ঘটনা: এলিমেন্টের পূর্বে অ্যাক্সেসের কারণে getElementById() এ নাল বৈশিষ্ট্য সেট করা যাবে না
এই উদাহরণে, নির্দিষ্ট করার আগে নির্দিষ্ট উপাদানের অ্যাক্সেসের কারণে যে ত্রুটির সম্মুখীন হয়েছে তা আলোচনা করা হবে:
< লিপি >
নথি getElementById ( 'মাথা' ) . innerHTML = 'জাভাস্ক্রিপ্ট সামগ্রী' ;
লিপি >
< কেন্দ্র < শরীর >
< h2 আইডি = 'মাথা' > লিনাক্সহিন্ট ওয়েবসাইট h2 >
শরীর >> কেন্দ্র >
কোডের উপরের লাইনগুলিতে দেওয়া নিম্নলিখিত পদক্ষেপগুলি প্রয়োগ করুন:
- প্রথমত, 'এর মধ্যে জাভাস্ক্রিপ্ট কোড ব্লক অন্তর্ভুক্ত করুন ট্যাগ
- এখানে, উল্লিখিত 'এর সাথে সম্পর্কিত উপাদানটি অ্যাক্সেস করুন আইডি ' ব্যবহার করে ' getElementById() 'পদ্ধতি।
- এছাড়াও, প্রয়োগ করুন ' innerHTML অ্যাক্সেস করা উপাদানের বিষয়বস্তু আপডেট করার জন্য সম্পত্তি।
- HTML কোডের মধ্যে “ ' ট্যাগ, নির্দিষ্ট করা একটি শিরোনাম অন্তর্ভুক্ত করুন ' আইডি ”
- কোডটি কার্যকর করার পরে, টাইপ ত্রুটি ' getElementById() এ নাল বৈশিষ্ট্য সেট করা যাবে না ' ঘটতে হবে. এটি কারণ উপাদান ' ” এটি নির্দিষ্ট করার আগেই অ্যাক্সেস করা হয়৷
আউটপুট
উপরের আউটপুটে, এটি দেখা যায় যে উপাদানটির পূর্বে অ্যাক্সেসের কারণে বর্ণিত ত্রুটিটি প্রদর্শিত হয়েছে।
সমাধান
এই ক্ষেত্রে উপরোক্ত ত্রুটিটি কোডটি সিকোয়েন্সিং করে সমাধান করা যেতে পারে যাতে এটি অ্যাক্সেস করার আগে উপাদানটি নির্দিষ্ট করা হয়।
নিম্নলিখিত উদাহরণ বিবৃত ধারণা ব্যাখ্যা করে:
< কেন্দ্র < শরীর >< h2 আইডি = 'মাথা' > লিনাক্সহিন্ট ওয়েবসাইট h2 >
শরীর >> কেন্দ্র >
< লিপি >
নথি getElementById ( 'মাথা' ) . innerHTML = 'জাভাস্ক্রিপ্ট সামগ্রী' ;
লিপি >
কোড ব্লক বসানো পরিবর্তনের সাথে উপরের কোডটি আগের কোডের সাথে অভিন্ন। এটা এমন যে ' ” উপাদানটি জাভাস্ক্রিপ্ট কোডে অ্যাক্সেস করার আগে নির্দিষ্ট করা হয়।
আউটপুট
দেখা গেছে, সম্মুখীন ত্রুটি সমাধান করা হয়েছে, এবং আপডেট করা বিষয়বস্তু ' innerHTML ” সম্পত্তি প্রদর্শিত হয়।
উদাহরণ 2: ধরা না পড়া টাইপ ত্রুটির ঘটনা: Id এর ভুল অ্যাক্সেসের কারণে getElementById() এ নাল বৈশিষ্ট্য সেট করা যাবে না
আইডিটি ভুলভাবে অ্যাক্সেস করেও বর্ণিত ত্রুটির সম্মুখীন হতে পারে।
আসুন নীচের উল্লিখিত উদাহরণের মধ্য দিয়ে যাওয়া যাক:
< মার্কি আইডি = 'জন্য' > জাভা মার্কি >< স্ক্রিপ্ট প্রকার = 'টেক্সট/জাভাস্ক্রিপ্ট' >
নথি getElementById ( '#এর জন্য' ) . অভ্যন্তরীণ পাঠ্য = 'লিপি' ;
লিপি >
উপরের কোড স্নিপেটে:
- একটি অন্তর্ভুক্ত করুন <মার্কি> 'উল্লেখিত উপাদান' আইডি ” এবং পাঠ্য মান।
- কোডের JS অংশে, ' ব্যবহার করে পূর্ববর্তী ধাপে অন্তর্ভুক্ত উপাদান অ্যাক্সেস করুন getElementById() 'পদ্ধতি।
- দ্য ' আইডি এখানে বিন্যাস সঠিক নয়, বিশেষ উপাদান অ্যাক্সেস করার পদ্ধতি বিবেচনা করে।
- এখানে ' অভ্যন্তরীণ পাঠ্য ” সম্পত্তি বিবৃত পাঠ্য মান প্রদর্শন করে।
আউটপুট
এই আউটপুটে, এটি যাচাই করা যেতে পারে যে প্রয়োগকৃত সম্পত্তি ভুল আইডি বিন্যাসের কারণে উপাদানটিকে প্রভাবিত করেনি।
সমাধান
এই নির্দিষ্ট পরিস্থিতিতে উল্লিখিত ত্রুটিটি উপাদানটি অ্যাক্সেস করার সময় সঠিকভাবে আইডি নির্দিষ্ট করে সমাধান করা যেতে পারে:
< মার্কি আইডি = 'জন্য' > জাভা মার্কি >< স্ক্রিপ্ট প্রকার = 'টেক্সট/জাভাস্ক্রিপ্ট' >
নথি getElementById ( 'জন্য' ) . অভ্যন্তরীণ পাঠ্য = 'লিপি' ;
লিপি >
উপরের কোডে যেমন বলা হয়েছে নিচের ধাপগুলো বাস্তবায়ন করুন:
- অন্তর্ভুক্ত করুন ' <মার্কি> 'প্রদত্ত উপাদান' আইডি ”
- জাভাস্ক্রিপ্ট কোড স্নিপেটে, উপাদানটি অ্যাক্সেস করুন, পূর্ববর্তী ধাপে উপাদানটির ' আইডি 'এর মাধ্যমে সঠিকভাবে' getElementById() 'পদ্ধতি।
- অবশেষে, প্রয়োগ করুন ' অভ্যন্তরীণ পাঠ্য ” সম্পত্তি এবং বিবৃত পাঠ্য সামগ্রী প্রদর্শন করুন, যা এই ক্ষেত্রে আপডেট করা হবে।
আউটপুট
উপরের আউটপুটে, এটি কল্পনা করা যেতে পারে যে আপডেট করা পাঠ্য সামগ্রী প্রদর্শিত হয়।
উপসংহার
দ্য ' ধরা পড়া টাইপ ত্রুটি: getElementById() এ নাল বৈশিষ্ট্য সেট করা যাবে না ' JavaScript-এ এটি অ্যাক্সেস করার আগে উপাদানটি নির্দিষ্ট করে বা সঠিক বিন্যাসে আইডি নির্দিষ্ট করে সমাধান করা যেতে পারে। এটি করার পরে, সংশ্লিষ্ট কার্যকারিতা উভয় ক্ষেত্রেই কার্যকর করা যেতে পারে। এই ব্লগটি Uncaught TypeError সমাধান করার বিষয়ে নির্দেশিত: JavaScript-এ getElementById() এ নাল বৈশিষ্ট্য সেট করা যাবে না।