javascript - 画像は値「null」を返します

Question

を使用して画像を指すJavaScriptコードがありますgetElementById。しかし、firebugでデバッグすると、変数の値が「null」であると表示されます。これが私のコードです：

var image = document.getElementById('myImage');

image.src = "imageone.png";

Answer 1

これは、そのIDを持つ要素がないためです。

要素が実際にそのIDを持っている場合、その理由は、コードの実行時に要素がまだ解析されていないためです。loadページ全体が解析された後に実行するイベントに入れます。

window.onload = function() {
  var image = document.getElementById('myImage');
  image.src = "imageone.png";
};

bodyまたは、画像タグの下の要素にスクリプトブロックを配置することもできます。