JavaScript字符串不會顯示在頁面上

對javascript來說很新穎，並從書中做了一些示例，無法理解爲什麼加載時這不會在頁面上產生任何文本字符串。JavaScript字符串不會顯示在頁面上

function init() 
{ 
var sum = 80 + 20; 
var sub = sum - 50; 
var mul = sum * 5; 
var div = sum/4; 
var mod = sum % 2; 
var inc = ++sum; 
var dec = --sum; 

var str = "Sum: " + sum; 
str += "<br>Subtraction: " + sub; 
str += "<br>Multiplication: " + mul; 
str += "<br>Division: " + div; 
str += "<br>Modulus: " + mod; 
str += "<br>Increment: " + inc; 
str += "<br>Decrement: " + dec; 

document.getElementById("Panel").innerHTML = str; 
} 
document.addEventListener("DOMContentLoaded" , init , false);

和html5代碼;

<!DOCTYPE HTML> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<script type="text/javascript" src="arithmetic.js"></script> 
<title>Doing Arithmetic</title> 
</head> 

<body> 

<div id="panel"> </div> 

</body> 

</html>

來源

2013-10-03 DJC

面板在你的Javascript代碼應該可能是小寫，所以它匹配:) –

哇。真是個傻瓜。我已閱讀了過去半個小時的每封信，但沒有注意到！非常感謝大家！ – DJC

就我個人而言，我會更改HTML以匹配JS ID。沒有人喜歡大寫的html屬性。 :) – Andy

你<div>有panel的id，不Panel。這些ID需要匹配。所以，你可以更改JavaScript代碼：

document.getElementById("panel")

或HTML：

<div id="Panel"> </div>

來源

2013-10-03 09:51:23 rid

更換

<div id="panel"> </div>

與

<div id="Panel"> </div>

，它會工作。面板中的P應該是資本。

來源

2013-10-03 09:52:47

非常感謝 – DJC

JavaScript字符串不會顯示在頁面上

回答

相關問題