这是什么情况

来源:1-26 编程练习

强强强哥

2019-05-15 11:08:23

<!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 input=document.getElementsByTagName("input")[0];
           var div=document.getElementsByTagName("div")[0];
         
           input.onclick=function(){
               setInterval(function(){
                   div.innerHTML="hello&nbsp"
               },1000)
           }
          
        </script>
    </body>
</html>

写回答

1回答

好帮手慕夭夭

2019-05-15

你好同学,因为如下语句表示为div设置html内容,每一次执行,会把前面的内容给修改掉。

http://img.mukewang.com/climg/5cdbb07e00019dbf04000083.jpg

所以要改为如下加等于,表示在原来的内容上再加一个新的内容。另外,由于&nbsp;(同学的代码中少加了一个分号,注意一下)在html表现形式是一个字符串,所以在浏览器显示的时候,会解析成一个整体的单词,一个单词默认是不会换行的,如下:

http://img.mukewang.com/climg/5cdbb1290001130613090682.jpg

建议手动设置一个空格即可,整体如下修改:

http://img.mukewang.com/climg/5cdbb1a00001836602850088.jpg

祝学习愉快 ,望采纳。

0

0 学习 · 40143 问题

查看课程