图像返回值“null”答案

【问题标题】：image returns value "null"图像返回值“null”
【发布时间】：2013-02-04 08:03:58
【问题描述】：

我有一个使用getElementById 指向图像的javascript 代码。但是当我在 firebug 中调试它时，它说我的变量的值为“null”。这是我的代码：

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

image.src = "imageone.png";

【问题讨论】：

document.getElementById('myImage') 很可能返回 null，因为它无法找到带有 id="myImage" 的元素。
你的img里面有id="myImage"吗？
是的，我检查了无数次......
您的代码可能在页面顶部的<script> 块中“裸露”。将其移至<body> 的最后。
id 区分大小写，如果该元素位于您正在执行document.getElementById 的文档中的iframe 内，它也将不起作用，最后图像可能脚本执行时不存在于 DOM 中。

【解决方案1】：

那是因为没有具有该 id 的元素。

如果元素确实有那个 id，那么原因是代码运行时元素还没有被解析。把它放在load事件中，在整个页面解析完后运行：

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

或者，您可以将脚本块放在图像标签下方的body 元素中。

【讨论】：