كيف يحدث خطأ TypeError: لا يمكن تعيين خصائص خالية في getElementById ()؟
ال ' خطأ نوع غير معلوم: لا يمكن تعيين خصائص خالية في getElementById () 'للأسباب التالية:
مثال 1: حدوث خطأ نوع غير معلوم: لا يمكن تعيين خصائص خالية في getElementById () بسبب الوصول المسبق للعنصر
في هذا المثال ، ستتم مناقشة الخطأ الذي حدث بسبب الوصول إلى عنصر معين قبل تحديده:
< النصي >
وثيقة. getElementById ( 'رأس' ) . داخلي HTML = 'محتوى جافا سكريبت' ؛
النصي >
< المركز > < الجسم >
< معرف h2 = 'رأس' > موقع Linuxhint h2 >
الجسم > المركز >
قم بتطبيق الخطوات التالية ، كما هو موضح في سطور التعليمات البرمجية أعلاه:
- أولاً ، قم بتضمين كتلة تعليمات JavaScript البرمجية داخل ' ' بطاقة شعار.
- هنا ، قم بالوصول إلى العنصر المقابل لـ ' هوية شخصية ' باستخدام ' getElementById () ' طريقة.
- أيضًا ، قم بتطبيق ' داخلي HTML 'لتحديث محتوى العنصر الذي تم الوصول إليه.
- في كود HTML داخل ' <الجسم> '، بما في ذلك العنوان الذي يحتوي على' هوية شخصية '.
- عند تنفيذ الكود ، خطأ النوع ' لا يمكن تعيين خصائص خالية في getElementById () ' سوف يحدث. هذا لأن العنصر ' 'يتم الوصول إليه قبل تحديده.
انتاج |
في الإخراج أعلاه ، يمكن ملاحظة أن الخطأ المذكور معروض بسبب الوصول المسبق إلى العنصر.
المحلول
يمكن حل الخطأ الذي تمت مواجهته أعلاه في هذه الحالة عن طريق تسلسل الكود بحيث يتم تحديد العنصر قبل الوصول إليه.
يوضح المثال التالي المفهوم المذكور:
< المركز > < الجسم >< معرف h2 = 'رأس' > موقع Linuxhint h2 >
الجسم > المركز >
< النصي >
وثيقة. getElementById ( 'رأس' ) . داخلي HTML = 'محتوى جافا سكريبت' ؛
النصي >
الكود أعلاه مطابق للرمز السابق مع التغيير في موضع كتل الكود. من هذا القبيل أن ' 'تم تحديد العنصر' قبل الوصول إليه في تعليمات JavaScript البرمجية.
انتاج |
كما رأينا ، تم حل الخطأ الذي تمت مواجهته ، والمحتوى المحدث عبر ' داخلي HTML 'الخاصية.
مثال 2: حدوث خطأ نوع غير معلوم: لا يمكن تعيين خصائص خالية في getElementById () بسبب الوصول غير الصحيح للمعرف
يمكن أيضًا مواجهة الخطأ المذكور عن طريق الوصول إلى المعرف بشكل غير صحيح.
لنستعرض المثال المذكور أدناه:
< سرادق معرف = 'إلى عن على' > جافا سرادق >< نوع البرنامج النصي = 'نص / جافا سكريبت' >
وثيقة. getElementById ( '#إلى عن على' ) . النص الداخلي = 'النصي' ؛
النصي >
في مقتطف الشفرة أعلاه:
- تشتمل علي ' <سرادق> 'العنصر الذي يحتوي على' هوية شخصية 'وقيمة النص.
- في جزء JS من الكود ، قم بالوصول إلى العنصر المضمن في الخطوة السابقة باستخدام ' getElementById () ' طريقة.
- ال ' هوية شخصية 'هنا غير صحيح ، مع الأخذ في الاعتبار طريقة الوصول إلى عنصر معين.
- هنا ، ' النص الداخلي تعرض الخاصية 'قيمة النص المنصوص عليها.
انتاج |
في هذا الإخراج ، يمكن التحقق من أن الخاصية المطبقة لم تؤثر على العنصر بسبب تنسيق معرف غير صحيح.
المحلول
يمكن حل الخطأ المذكور في هذا السيناريو المحدد عن طريق تحديد المعرف بشكل صحيح أثناء الوصول إلى العنصر:
< سرادق معرف = 'إلى عن على' > جافا سرادق >< نوع البرنامج النصي = 'نص / جافا سكريبت' >
وثيقة. getElementById ( 'إلى عن على' ) . النص الداخلي = 'النصي' ؛
النصي >
قم بتنفيذ الخطوات المذكورة أدناه ، كما هو مذكور في الكود أعلاه:
- تشمل ' <سرادق> 'العنصر الذي يحتوي على' هوية شخصية '.
- في مقتطف شفرة جافا سكريبت ، قم بالوصول إلى العنصر ، في الخطوة السابقة عن طريق تحديد العنصر ' هوية شخصية 'بشكل صحيح عبر' getElementById () ' طريقة.
- أخيرًا ، قم بتطبيق ' النص الداخلي 'وعرض محتوى النص المذكور ، والذي سيتم تحديثه في هذه الحالة.
انتاج |
في الإخراج أعلاه ، يمكن تصور عرض محتوى النص المحدث.
استنتاج
ال ' خطأ نوع غير معلوم: لا يمكن تعيين خصائص خالية في getElementById () 'في JavaScript عن طريق تحديد العنصر قبل الوصول إليه أو عن طريق تحديد المعرف بالتنسيق الصحيح. بعد القيام بذلك ، يمكن تنفيذ الوظائف المقابلة في كلتا الحالتين. تم توجيه هذه المدونة حول حل خطأ النوع غير المكتسب: لا يمكن تعيين خصائص خالية في getElementById () في JavaScript.