报错：Cannot set property ‘innerText‘ of null

最新推荐文章于 2024-06-24 16:30:50 发布

许原风5227

最新推荐文章于 2024-06-24 16:30:50 发布

阅读量1.4k

点赞数

文章标签： html5 javascript

本文链接：https://blog.csdn.net/Xu_Yuanfeng/article/details/113610475

版权

记录
今天下午在form里表单验证，使用JavaScript的innerHTML，一直对innerHTML报错在这里插入图片描述
仔细看过了，js代码块放在了最后面，单词也没拼错，但是一直报错
原来的

<h2>登录</h2>
				<form action="" method="post"> 
					<span id="prompt1">????</span>
					<script type="text/javascript">
						onload = function() {
							document.getElementById("prompt1").innerHTML += "1112222"
						}
					</script>
					<input type="email" id="email" onblur="yanzheng1()" placeholder="请输入电子邮箱地址" class="default" value="" />
					<p id="prompt2"></p>
					<input type="password" class="default" id="password" placeholder="请输入密码" value="" /><br />

					<input type="button" class="dengLu " value="登录" />
				 </form>

然后吧form注释就行了

<h2>登录</h2>
				<!-- <form action="" method="post"> -->
					<span id="prompt1">????</span>
					<script type="text/javascript">
						onload = function() {
							document.getElementById("prompt1").innerHTML += "1112222"
						}
					</script>
					<input type="email" id="email" onblur="yanzheng1()" placeholder="请输入电子邮箱地址" class="default" value="" />
					<p id="prompt2"></p>
					<input type="password" class="default" id="password" placeholder="请输入密码" value="" /><br />

					<input type="button" class="dengLu " value="登录" />
				<!-- </form> -->