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

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

来源：1-1 让你认识JS

qq_聚_0

2017-02-24 17:01

<!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>

写回答关注

4回答

迷失的幻想: 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>

1 1

qq_聚_0

非常感谢！

2017-02-27 13:58:23

共 1 条回复 >

俄国民煮短裤

2017-02-24 17:15:51

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

3 0

qq_聚_0 回复俄国民煮短裤

<p>标签的就是demo

2017-02-27 14:03:18

共 3 条回复 >
勇敢的大叔

2017-02-24 17:12:37

000

0 0
慕哥9171477

2017-02-24 17:09:16

var chose后少了等号

3 1

qq_聚_0 回复牡蛎先生

但是可以用innerHTML为id为demo的p引入后面的"JS进阶篇"啊

2017-02-27 14:02:24

共 3 条回复 >

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题

document.write()的内容显示不出来。

回答 7

哪里错了显示不出来

回答 5

代码哪里出错了？不显示结果

回答 3

为什么我的代码没效果，for(这里面的内容顺序不同会显示不出来？)

回答 1

帮忙看看我这个代码有什么错误，为什么不出效果，在Dreamweaver里document不显示内容

回答 4

打开慕课网App查看更多内容