为什么非常简单的javascript代码不起作用？

Question

HTML：

<p id="demo"></p>

脚本：

document.getElementById("demo").innerHTML = 5 + 6;

应该显示结果，但是什么也没有发生。我添加了一个单独的myScript.js文件来编写代码。在HTML中，我写道：

<script type="text/javascript" src="myScript.js"></script>

有什么问题吗？

Answer 1

您需要一个ID为demo的元素才能正常工作

document.getElementById("demo").innerHTML = 5 + 6;

<div id="demo"></div>

您所遇到的问题可能是所包含的脚本标记的位置。一旦浏览器对其进行解析，便会立即执行该标签，但此时尚未加载demo标签。

尝试

window.onload = function() {
    document.getElementById("demo").innerHTML = 5 + 6;
}

仅在文档加载并且demo元素可用之后，这将执行代码。