document.getElementById("").src = XXXX 不实施
日期：2014-05-16 浏览次数：20379 次
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)的话发现函数能够执行图片可以显示
各位大侠能告诉小弟小弟哪里理解错了，因为是自学可能问题白痴了一点也希望各位大侠能不吝赐教呀
------解决方案--------------------
因为你函数执行的时候body压根就没有加载完，压根就没有后面的东西，压根document.getElementById("t")取到的就是null，压根就会直接报错，所以没用了。
至于你用了后面的那个，2秒以后才会调用函数，这个时候body已经加载完成
改成这样
最近刚学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();
}
改成这样
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
