                        課程
                    
                        /前端開發
                        
                            /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

關注問題我要回答

4677

操作

收起

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>