日期:2014-05-16  浏览次数:20383 次

document.getElementById("").src = XXXX 不执行
最近刚学js,写了一个很简单的函数
<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
function change(){
    alert("我执行了")
    document.getElementById("t").src="1.jpg";
    alert("我也执行了")
}
change();
</script>
</head>
<body>
    <img src="" name="t" id="t" />
</body>
</html>

运行后发现只打印出了第一句,第二句没有打印,图片无法显示  
似乎document.getElementById("t").src="1.jpg";没有执行

而如果把change()改为window.setInterval("change()",2000)的话发现函数能够执行图片可以显示
各位大侠能告诉小弟小弟哪里理解错了,因为是自学可能问题白痴了一点也希望各位大侠能不吝赐教呀
JavaScript 图片 HTML 函数

------解决方案--------------------
因为你函数执行的时候body压根就没有加载完,压根就没有后面的东西,压根document.getElementById("t")取到的就是null,压根就会直接报错,所以没用了。

至于你用了后面的那个,2秒以后才会调用函数,这个时候body已经加载完成

window.onload = function(){
    change();
}

改成这样