Uncaught TypeError کیسے ہوتی ہے: getElementById() پر null کی خصوصیات کو سیٹ نہیں کیا جا سکتا؟
' Uncaught TypeError: getElementById() پر null کی خصوصیات کو سیٹ نہیں کیا جا سکتا مندرجہ ذیل وجوہات کی بناء پر ہوسکتا ہے:
مثال 1: Uncaught TypeError کا واقعہ: عنصر کی پیشگی رسائی کی وجہ سے getElementById() پر null کی خصوصیات کو سیٹ نہیں کیا جا سکتا
اس مثال میں، مخصوص عنصر کی وضاحت کرنے سے پہلے اس تک رسائی کی وجہ سے پیش آنے والی خرابی پر تبادلہ خیال کیا جائے گا:
< سکرپٹ >
دستاویز getElementById ( 'سر' ) . اندرونی ایچ ٹی ایم ایل = 'جاوا اسکرپٹ کا مواد' ;
سکرپٹ >
< مرکز >< جسم >
< h2 آئی ڈی = 'سر' > لینکس ہنٹ ویب سائٹ h2 >
جسم >> مرکز >
مندرجہ ذیل اقدامات کو لاگو کریں، جیسا کہ کوڈ کی اوپر کی لائنوں میں دیا گیا ہے:
- سب سے پہلے، جاوا اسکرپٹ کوڈ بلاک کو ' 'ٹیگ۔
- یہاں، بیان کردہ سے متعلقہ عنصر تک رسائی حاصل کریں ' آئی ڈی ' کا استعمال کرتے ہوئے ' getElementById() 'طریقہ.
- اس کے علاوہ، لاگو کریں ' اندرونی ایچ ٹی ایم ایل رسائی شدہ عنصر کے مواد کو اپ ڈیٹ کرنے کے لیے پراپرٹی۔
- ایچ ٹی ایم ایل کوڈ میں ' 'ٹیگ، ایک عنوان شامل کریں جس میں مخصوص کیا گیا ہو' آئی ڈی '
- کوڈ پر عمل کرنے پر، قسم کی خرابی ' getElementById() پر null کی خصوصیات سیٹ نہیں کی جا سکتی ' واقع ہو گا. اس کی وجہ یہ ہے کہ عنصر ' اس کی وضاحت کرنے سے پہلے تک رسائی حاصل کی جاتی ہے۔
آؤٹ پٹ
مندرجہ بالا آؤٹ پٹ میں، یہ دیکھا جا سکتا ہے کہ عنصر تک پیشگی رسائی کی وجہ سے بیان کردہ غلطی ظاہر ہوتی ہے۔
حل
اس معاملے میں مذکورہ بالا خامی کو کوڈ کو ترتیب دے کر حل کیا جا سکتا ہے کہ اس تک رسائی سے پہلے عنصر کی وضاحت کی جائے۔
مندرجہ ذیل مثال بیان کردہ تصور کی وضاحت کرتی ہے:
< مرکز >< جسم >< h2 آئی ڈی = 'سر' > لینکس ہنٹ ویب سائٹ h2 >
جسم >> مرکز >
< سکرپٹ >
دستاویز getElementById ( 'سر' ) . اندرونی ایچ ٹی ایم ایل = 'جاوا اسکرپٹ کا مواد' ;
سکرپٹ >
مندرجہ بالا کوڈ کوڈ بلاکس کی جگہ میں تبدیلی کے ساتھ پچھلے کوڈ کی طرح ہے۔ یہ اس طرح ہے کہ ' جاوا اسکرپٹ کوڈ میں عنصر تک رسائی سے پہلے اس کی وضاحت کی جاتی ہے۔
آؤٹ پٹ
جیسا کہ دیکھا گیا ہے، سامنے آنے والی غلطی کو حل کر دیا گیا ہے، اور اپ ڈیٹ کردہ مواد کو ' اندرونی ایچ ٹی ایم ایل ' جائیداد ظاہر ہوتی ہے۔
مثال 2: Uncaught TypeError کا واقعہ: ID کی غلط رسائی کی وجہ سے getElementById() پر null کی خصوصیات سیٹ نہیں کی جا سکتیں۔
آئی ڈی تک غلط طریقے سے رسائی کرنے سے بھی بیان کردہ غلطی کا سامنا کرنا پڑ سکتا ہے۔
آئیے ذیل میں بیان کردہ مثال کے ذریعے چلتے ہیں:
< مارکی آئی ڈی = 'کے لیے' > جاوا مارکی >< سکرپٹ کی قسم = 'متن/جاوا اسکرپٹ' >
دستاویز getElementById ( '#کے لیے' ) . اندرونی متن = 'سکرپٹ' ;
سکرپٹ >
مندرجہ بالا کوڈ کے ٹکڑوں میں:
- شامل کریں ' بیان کردہ عنصر آئی ڈی اور ٹیکسٹ ویلیو۔
- کوڈ کے جے ایس حصے میں، 'کا استعمال کرتے ہوئے پچھلے مرحلے میں شامل عنصر تک رسائی حاصل کریں۔ getElementById() 'طریقہ.
- ' آئی ڈی خاص عنصر تک رسائی کے طریقہ کار پر غور کرتے ہوئے یہاں فارمیٹ درست نہیں ہے۔
- یہاں، ' اندرونی متن پراپرٹی بیان کردہ ٹیکسٹ ویلیو دکھاتی ہے۔
آؤٹ پٹ
اس آؤٹ پٹ میں، اس بات کی تصدیق کی جا سکتی ہے کہ لاگو کردہ پراپرٹی نے آئی ڈی کی غلط شکل کی وجہ سے عنصر کو متاثر نہیں کیا۔
حل
اس مخصوص منظر نامے میں ذکر کردہ خرابی کو عنصر تک رسائی کے دوران صحیح طریقے سے id کی وضاحت کر کے حل کیا جا سکتا ہے:
< مارکی آئی ڈی = 'کے لیے' > جاوا مارکی >< سکرپٹ کی قسم = 'متن/جاوا اسکرپٹ' >
دستاویز getElementById ( 'کے لیے' ) . اندرونی متن = 'سکرپٹ' ;
سکرپٹ >
مندرجہ بالا کوڈ میں بیان کردہ ذیل میں بیان کردہ اقدامات کو لاگو کریں:
- شامل کریں ' 'عنصر جس میں دیا گیا ہے' آئی ڈی '
- جاوا اسکرپٹ کوڈ کے ٹکڑوں میں، عنصر تک رسائی حاصل کریں، پچھلے مرحلے میں عنصر کی ' آئی ڈی 'درست طریقے سے' کے ذریعے getElementById() 'طریقہ.
- آخر میں، لاگو کریں ' اندرونی متن پراپرٹی اور بیان کردہ متن کا مواد ڈسپلے کریں، جو اس معاملے میں اپ ڈیٹ ہو جائے گا۔
آؤٹ پٹ
مندرجہ بالا آؤٹ پٹ میں، یہ تصور کیا جا سکتا ہے کہ اپ ڈیٹ کردہ متن کا مواد ظاہر ہوتا ہے.
نتیجہ
' Uncaught TypeError: getElementById() پر null کی خصوصیات کو سیٹ نہیں کیا جا سکتا جاوا اسکرپٹ میں عنصر تک رسائی سے پہلے اس کی وضاحت کرکے یا صحیح فارمیٹ میں آئی ڈی کی وضاحت کرکے حل کیا جاسکتا ہے۔ ایسا کرنے کے بعد، متعلقہ افعال دونوں صورتوں میں انجام پا سکتے ہیں۔ یہ بلاگ Uncaught TypeError کو حل کرنے کے بارے میں رہنمائی کرتا ہے: JavaScript میں getElementById() پر null کی خصوصیات سیٹ نہیں کر سکتا۔