PDA

View Full Version : مبتدی: ارور TypeError: document.getElementById(...) is null به هنگام استفاده ران کردن پروژه



miladvj
شنبه 12 مرداد 1398, 16:44 عصر
با سلام خدمت تمامی اساتید
بنده یک پروژه ساده ست شدن کوکی به وسیله جاوا اسکریپت نوشتم
در این پروژه کوکی رو به صورت دستی وارد و آن را به آرایه تبدیل میکنم سپس ارایه ایجاد شده را در تگ پاراگراف با ای دی result به نمایش در می اورم اما متاسفانه به هنگام ران کردن نرم افزار ارور
TypeError: document.getElementById(...) is null
را در صفحه کنسول فایرفاکس به نمایش در می آورد حتی اگر به جای cookiesToArray در خط کد زیر

document.getElementById("result").innerHTML = cookiesToArray;

هر رشته دیگه ای که بنویسم باز همون ارور رو مشاهده میکنم ممنون میشم راهنمایی کنید
<!DOCTYP
E html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>javascript test</title>
<style>
</style>

<script type="text/javascript">

var mydate= new Date();
var timeStoreCookies=20000;
mydate.setTime(mydate.getDate()+timeStoreCookies);
var expires = mydate.toUTCString();
var cookies_browser;
var cookiesToArray;
document.cookie="username = milad , password =4444 ;expires="+expires+";path=/";
cookies_browser= document.cookie;
cookies_browser = encodeURIComponent(cookies_browser);
cookiesToArray=cookies_browser.split(';');

document.getElementById("result").innerHTML = cookiesToArray;

</script>
</head>
<body>

<center>
<div id="login_form" style="border: 1px solid #000; background: linear-gradient(beige,antiquewhite,azure)">

<h1>The form for test login and cookie </h1>
<p>If cookies stored to browser this form is disable , else form is enable to fill.</p>
<form name="login" onsubmit="return LoginForm()" method="post">
user <br><input type="text" name="user" placeholder="username"><br><br>
password <br><input type="password" name="password" placeholder="password"><br><br>
<input name="submit" type="submit" value="send form data">
</form>
<p id="result">result</p>

</div>

</center>
</body>
</html>

miladvj
شنبه 12 مرداد 1398, 21:24 عصر
مشکل حل شد!
قبل از اینکه تگ input تعریف شود، نمیتوان آن را در اسکریپت فراخوانی کرد به عبارتی باید اسکریپت فوق را در زیر فرم نوشته میشد