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');

私の関数の1つ（ページが読み込まれた後にボタンをクリックして実行されます）

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

私がそれを実行すると、FirebugはgameDivがnullであると言います:(

何か案は？私はJSが初めてで、「すべてがオブジェクトである」ことを理解しようとしています

score 1 · Accepted Answer

DOM がロードされる前に実行されます。要素が宣言された後に JavaScript を移動するか、ページがロードされたときに呼び出される関数内に配置する必要があります (body.onload が機能するはずです)。

score 1 · Accepted Answer

実行すると:

var gameDiv = document.getElementById('game');

要素「game」は HTML でまだレンダリングされていないため、失敗します。

2 に答える 2