JavaScript 字符串不会显示在页面上

JavaScript string doesn't get displayed on the page

本文关键字：显示 字符串 JavaScript      更新时间：2023-09-26
对

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>

您的<div> id为 panel ，而不是 Panel 。ID 需要匹配。因此，您可以更改 JavaScript 代码：

document.getElementById( "panel" )

或 HTML：

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

替换 

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

跟

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

它会起作用。面板中的 P 应该是大写的。

相关文章：