والله ماكنت ان اضع هذا الموضوع هنا الا اذا كنت احاول من الامس حلها , ولم اجد لها حل ,المشكلة انه عندما اكتب هذه التعليمة ;"document.getElementById("id").innerHTML="welcom
يظهر لي هذا الخطأ Uncaught TypeError: Cannot set property 'innerHTML' of null
والقيمة ليست فارغة.
والصورة توضح اكثر.
سبب المشكلة وضع تاغ السكريبت فوق التاغ الذي تقوم بالتعديل عليه (هو demo)
قم بوضع تاغ الجافا سكريبت قبل إغلاق تاغ body مباشرة.. مثل هذا:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="demo">Hello</div>
<script>
document.getElementById("demo").innerHTML = "Welcome";
</script>
</body>
</html>
من أجل هذا يُفضّل دائماً وضع الجافاسكريبت في نهاية الملف، قبل إغلاق تاغ body مباشرة.
تعمل بشكل عادي، الكتابة تغيرت من hello إلى welcom بلا مشاكل،
<div id="demo">Hello</div>
<script type="text/javascript">
document.getElementById('demo').innerHTML ="welcom";
</script>
التعليقات