JS中getElementById()获取的值为null

最新推荐文章于 2024-08-14 16:53:41 发布

江冷易水寒

最新推荐文章于 2024-08-14 16:53:41 发布

阅读量9.3k

点赞数 5

分类专栏： JavaScript 文章标签： JS

本文链接：https://blog.csdn.net/sinat_41721615/article/details/92845026

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

今天想写一个验证码发送功能，但发现alert弹出的值是null，不知道怎么回事，百度了两圈后发现问题了，之前没接触过JS，以为和JAVA一样，所以有点云里雾里。

<html>
<head>
<title></title>
<script type="text/javascript">
		//按钮对象， document.getElementById()
		var time = 120; //120秒内不可以点击按钮
		var btn = document.getElementById("btn");
	btn.onclick = function Onclick(){ 
        alert(btn)
		btn.disabled = true;//让按钮残废
		window.setInterval(Timewait,1000);
	}
		function Timewait(){
		if(time>=0){
			btn.value = "请" + time + "s后重新发送";
			time = time-1;
		}else{
			btn.value = "重新发送验证码" //按钮信息
			btn.disabled = false;//使按钮可以使用
			time = 120;
			clearInterval();//定时器停止计时
			}
		}
</script>
</head>
<body>
    <input type="button" id="btn" value="获取验证码" />

</body>
</html>

运行后btn值为null