表单元素点击事件改到script标签中就不能执行？？
来源：8-5 计时器setTimeout()
临风流烟
2016-11-02 00:40
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
var num=0;
// numCount();
function numCount(){
document.getElementById('txt').value=num;
num=num+1;
setTimeout("numCount()",1000);
}
</script>
</head>
<body>
<form>
<input type="text" id="txt" />
<input type="button" value="Start" onclick="numCount()" />
</form>
</body>
</html>为什么我把onclick="numCount()"删除，然后在script标签中加上numCount()就报错，
提示cannot set property 'value' of null
写回答
关注
1回答
-
- stone310
- 2016-11-02 08:20:41
因为页面加载顺序从上到下，当执行numCount函数，加载到document.getElementById('txt').value=num这一句时，body里面的代码还未获取，因此会报错，只要将整个<script>标签放到</body>上方即可，
<!DOCTYPE HTML> <html> <head> </head> <body> <form> <input type="text" id="txt" /> <input type="button" value="Start" /> <!--删除了onclick="numCount()"--> </form> <script type="text/javascript"> var num=0; numCount(); //页面加载时立刻执行numCount() function numCount(){ document.getElementById('txt').value=num; num=num+1; setTimeout("numCount()",1000); } </script> </body> </html>
JavaScript进阶篇
本课程从如何插入JS代码开始，带您进入网页动态交互世界
468194 学习 · 21891 问题
相似问题
a标签的点击事件
回答 1
鼠标单击事件,方法不执行的问题
回答 3
只有表单输入标签才能调用js事件吗？
回答 1
onclick鼠标单击事件
回答 1
鼠标单击事件( onclick ）
回答 1