图像返回值“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元素，图像标签下方。