为什么这样写不行?

来源:8-5 计时器setTimeout()

慕粉4408527

2016-12-05 09:15

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
</head>
<script type="text/javascript">
  var num=0;
  function startCount() {
    document.getElementById('count').value=num;
    num=num+1;
    setTimeout("startCount()",1000);
  }
startCount();

</script>
</head>
<body>
<form>
<input type="text" id="count"/>
</form>
</body>
</html>

写回答 关注

1回答

  • 老友丶
    2016-12-05 11:59:33

    因为解析HTML文档是从上往下解析的,所以执行JS代码的时候,HTML的DOM结构还没有构建好,就无法得到相应节点。

    解决办法1:整个js代码放在</body>标签之前。

    解决办法2:设置延时操作。

    startCount(); --》  setTimeout("startCount()",1000); 

    等待的1s时间中 DOM已经搭建完成。

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

467380 学习 · 21877 问题

查看课程

相似问题