这个代码错在哪里，innerHTML的内容显示不出来

源自：1-1 让你认识JS

这个代码错在哪里，innerHTML的内容显示不出来

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我们互动下</title>
    <script>
       document.getElementById("demo").innerHTML="JS进阶篇";

       function study()
       {
           var chose=confirm("关注JS高级篇");
           if (chose==true)
           {
               document.write("让我们开始吧!");
           }
           else
           {
              document.write("你会后悔的！");
           }
       }
    </script>

</head>
<body>
<p id="demo"></p>
<input type="button" value="继续学习吧" onclick="study()"/>

</body>
</html>

提问者：qq_聚_0 2017-02-24 17:01

个回答

迷失的幻想: 2017-02-24 17:32:54

已采纳

这个原因是DOM加载顺序影响了的，建议你把<script>...</script>之间的代码放到</body>之后即可正常显示。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我们互动下</title>

</head>
<body>
    <p id="demo"></p>
    <input type="button" value="继续学习吧" onclick="study()"/>
</body>

    <script>
      
       function study()
       {
           var chose=confirm("关注JS高级篇");
           if (chose==true)
           {
               document.write("让我们开始吧!");
           }
           else
           {
              document.write("你会后悔的！");
           }
       }
           document.getElementById("demo").innerHTML="JS进阶篇";
       
    </script>

</html>

俄国民煮短裤

2017-02-24 17:15:51

源代码声明chose时忘记了复制操作符“=” ；应为： var chose = confirm("关注JS高级篇");

0
勇敢的大叔

2017-02-24 17:12:37

000

0
慕哥9171477

2017-02-24 17:09:16

var chose后少了等号

1