javascript - 定义的 var 为 null (document.getElementById ('existingDiv' ))

Question

在我的 HTML 文件中，我有一个 div

<div id="game">a div inside here</div>

在我的 JS 文件顶部(在任何函数之外)

var gameDiv = document.getElementById('game');
var newDiv = document.createElement('div');

在我的一个函数中(通过在页面加载后单击按钮来运行)

newDiv.setAttribute('id', 'displayCards');
newDiv.innerHTML = 'some stuff.';
gameDiv.appendChild(newDiv);

当我运行它时，Firebug 说 gameDiv 为 null :(

有什么想法吗？我是 JS 新手，仍在尝试弄清楚“一切都是对象”的事情

Answer 1

它在 DOM 加载之前运行。您应该将 javascript 移至声明元素之后，或者将其放在加载页面时调用的函数中(body.onload 应该可以工作)。