                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

这个代码错在哪里，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

源自：JavaScript进阶篇 1-1

关注问题我要回答

4571

操作

收起

4 回答

迷失的幻想回答被采纳 +3 积分
2017-02-24

这个原因是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>