Javascript CodeCodeMy Codebit document.getElementById（）不能是变量

好吧，我进入一个代码位来寻找乐趣，大约30秒后，我发现有些地方出了问题。我有一个id为“main”的div，当窗口加载时，它将启动程序

HTML:

---

不要像我经常听到的那样说“你没有加载文档，是不是很蠢？”因为不使用变量就可以了。

在执行代码时不可用。

你在DOM准备好之前运行选择器，所以你要查找的div当时不存在-看看你的

x

是什么

---

要修复它，请移动

var x=document.getElementById（'main'）加载函数中的一部分。
您需要做的是在jQuery函数中插入X变量，如下所示

function loaded() {
var x = document.getElementById('main');
    x.innerHTML ="willnotload!"
}
$(document).ready(function() {loaded();}); 

基本上，您的X变量是在DOM准备就绪之前设置的，因此X在那一点上是空的，所以当您尝试访问innerHTML时，它不存在，什么也不会发生：（
错误是什么，是错误还是codecademy的错误
var x = document.getElementById('main');
function loaded() {
    x.innerHTML ="willnotload!"
}
$(document).ready(function() {loaded();}); 

function loaded() {
var x = document.getElementById('main');
    x.innerHTML ="willnotload!"
}
$(document).ready(function() {loaded();});