图像返回值"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元素中。