javascript - 图像返回值“null”

Question

我有一个 javascript 代码，它使用getElementById. 但是当我在萤火虫中调试它时，它说我的变量的值为“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图像标签下方的元素中。