87,910
社区成员
发帖
与我相关
我的任务
分享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)的话发现函数能够执行图片可以显示
各位大侠能告诉小弟小弟哪里理解错了，因为是自学可能问题白痴了一点也希望各位大侠能不吝赐教呀
<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)的话发现函数能够执行图片可以显示
各位大侠能告诉小弟小弟哪里理解错了，因为是自学可能问题白痴了一点也希望各位大侠能不吝赐教呀
...全文
请发表友善的回复…
发表回复
sqh777777 2013-04-24
- 打赏
- 举报
嗯解决了谢谢你
functionsub 2013-04-24
- 打赏
- 举报
因为你函数执行的时候body压根就没有加载完，压根就没有后面的东西，压根document.getElementById("t")取到的就是null，压根就会直接报错，所以没用了。
至于你用了后面的那个，2秒以后才会调用函数，这个时候body已经加载完成
window.onload = function(){
change();
}
