اذهب إلى المحتوى
  • 0

Error document is not defined in JavaScript

السؤال

نشر

انا في بدايه تعملي لل JavaScript و تظهر لي Error document is not defined ولا اعلم ما الخطا في الكود 

ارجو الرد !!!!!!!!!!

<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title> Learn JavaScript</title>
    <script src="file.js"></script>
    </head>
<body>
    <div id="text">Hello</div>
     <script src="file.js"></script>
    </body>
</html>
document.getElementById("text").innerHTML = "Hello in js";

 

Recommended Posts

  • 0
نشر (معدل)

يحتوي الكود الخاص بك على خطأ بسيط.

قمت بتكرار النداء لملف file.js مرتين، قمي بحذف النداء الأول.

الكود الخاص بك:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Learn JavaScript</title>
    <script src="file.js"></script> <!-- قمت بتكرار هذا السطر مرتين -->
  </head>
  <body>
    <div id="text">Hello</div>
    <script src="file.js"></script> <!-- قمت بتكرار هذا السطر مرتين -->
  </body>
</html>

بعد حذف النداء الاول، يصبح الكود كالتالي:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Learn JavaScript</title>
  </head>
  <body>
    <div id="text">Hello</div>
    <script src="file.js"></script> <!-- يجب وضع ملف سكربت في آخر الصفحة هنا -->
  </body>
</html>

المشكلة هنا في الترتيب، يجب أولًا أن تظهر العناصر ثم نقوم بنداء كود الجافا سكربت.

عند قيامك بنداء كود الجافا سكربت أولًا، عنصر document يكون غير محمل بعد، كما أن بقية العناصر كالعنصر الذي يحتوي على id="text" لم يتم إنشائه بعد، ولذلك تضهر المشكلة  Error document is not defined أو من الممكن أن يظهر مشكل ك  Cannot set property 'innerHTML' of null.

تم التعديل في بواسطة محمد ربيع زليول
  • 0
نشر
بتاريخ 1 دقيقة مضت قال Alaa Emam:

 

Screenshot (9).png

 

فقط قومي بتشغل الكود عن طريق الضغط مرتين على ملف index.html، المشكلة التي تظهر لك فقط من editor الذي تشتغلين به، بعد فتح الكود على المتصفح ( عن طريق الضغط مرتين على ملف index.html )، سيشتغل الكود بشكل جيد ( ستلاحظين أن عبارة Hello اختفت وظهرت عبارة Hello in js).

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...