سيناقش هذا البرنامج التعليمي الخطأ المذكور وحلها.
كيف تحدث 'TypeError: innerHTML ليست دالة في JavaScript'؟
عندما نحاول استدعاء خاصية innerHTML كدالة ، نحصل على الخطأ المذكور. دعونا نرى مثالاً على كيفية مواجهة هذا الخطأ.
مثال
في المثال المعطى ، سنعرض الوقت الحالي على صفحة الويب باستخدام JavaScript. لهذا ، أولاً ، قم بإنشاء عنصر
في ملف HTML عن طريق تعيين معرف ' الوقت ':
< ع معرف = 'الوقت' > ص >
في علامة
وثيقة. getElementById ( 'الوقت' ) . داخلي HTML ( تاريخ. toLocaleTimeString ( ) ) ؛
لن يؤدي تنفيذ الكود أعلاه إلى عرض الوقت على الصفحة وإلقاء خطأ سيظهر في ' وحدة التحكم ' نافذة او شباك:
الآن ، دعنا نرى في القسم المحدد كيفية إصلاح هذا الخطأ!
كيفية إصلاح خطأ 'innerHTML ليست دالة في JavaScript'؟
لإصلاح المشكلة التي تمت مناقشتها أعلاه ، قم بتعيين سمة innerHTML لعنصر DOM ذي الصلة ، مثل ' element.innerHTML = نص '.
مثال
عيّن القيمة إلى خاصية / سمة innerHTML من خلال الحصول على عنصر DOM بمساعدة ' getElementById () 'عن طريق تمرير المعرف المخصص للعنصر:
وثيقة. getElementById ( 'الوقت' ) . داخلي HTML = تاريخ. toLocaleTimeString ( ) ؛انتاج |
هذا كل ما يتعلق بـ الداخلي HTML ليس دالة في خطأ جافا سكريبت والحل.
استنتاج
يحدث الخطأ المحدد عندما تحاول استدعاء خاصية innerHTML كدالة. لإصلاح هذه المشكلة ، عيّن سمة innerHTML لعنصر DOM ذي الصلة ، مثل ' element.innerHTML = نص '. في هذا البرنامج التعليمي ، ناقشنا خطأ TypeError: innerHTML ليست وظيفة في JavaScript ، وكيفية حدوثها وكيفية إصلاحها.