Question

好的，我进入了一个代码网来获得乐趣，而且已经大约30秒了，有些不对劲。我有一个id为＆＃34; main＆＃34;当窗口加载时，将启动程序。

HTML：

<link rel='stylesheet' href='style.css'/>
<script src='http://code.jquery.com/jquery-1.9.1.min.js'>
</script>
<script src='script.js'></script>
<div id="main"></div>

JS：

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

不要说＆＃34;你要加载文件，你是笨蛋吗？＆＃34;就像我总是得到的那样，因为在没有变量的情况下这样做。

Answer 1

您在DOM准备好之前运行选择器，因此当时不存在您正在寻找的div - 请查看您的x是什么。

要修复此问题，请在已加载的函数内移动var x = document.getElementById('main');部分。

Answer 2

<div id="main">在您的代码执行时不可用。

Answer 3

你需要做的是在你的jQuery函数中插入你的X变量，如此

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

基本上你的X变量是在DOM准备好之前设置的，所以X在那时就是null，所以当你试图访问innerHTML时它就不存在了，什么都不会发生：（

CodeCademy Codebit document.getElementById（）不能是变量

3 个答案: