图像返回值“null”

Question

我有一个使用getElementById指向图片的JavaScript代码。但是当我在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元素中。