为什么我的代码没效果

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>setInterval()</title>
        <style type="text/css">
            div{
                width:300px;
                height:300px;
                border:1px solid #333;
            }
        </style>
    </head>
    <body>
        <input type="button" value="开始">
        <br><br>
        <div></div>
        <script type="text/javascript">
          var a=document.getElementsByTagName("input")[0];
          var b=document.getElementsByTagName("div")[0];
          var c;
          a.onclick=function(){
              setInterval(function(){
                  b.innerHTML("hello");
              },1000)
          }
           //补充代码
        </script>
    </body>
</html>

热心市民程先生 2019-09-25

源自：JavaScript BOM基础 1-26 编程练习

收起

2回答

好帮手慕慕子回答被采纳获得+3积分 2019-09-26 16:10:51

同学你好，

b.innerHTML += 'hello ' 的写法等同于 b.innerHTML = b.innerHTML + 'hello ' 。这样开启定时器之后，每隔一秒，都会用div里面已经有的内容加上新的‘hello ’, 实现拼接的效果哦
直接使用＝表示赋值，那么在执行定时器的过程中，每隔一秒，　div的内容都会被重新赋值为‘hello ’,导致无法实现效果图

同学可以编写代码测试一下，结合代码实现的效果帮助自己更好的理解哦

如果帮助到了你，欢迎采纳！

祝学习愉快~~~

收起回答

好帮手慕慕子 2019-09-25 15:55:08

同学你好， innerHTML属性使用方式有误，因为innerHTML是一个属性，不是一个方法，不能使用括号调用，所以无法实现效果。

建议修改：通过+=拼接内容，另，hello字符串后面可以添加一个空格，让拼接的字符之间有间隔