当我使用Javascript innerHTML调用它时,为什么我的图像不显示?

前端之家收集整理的这篇文章主要介绍了当我使用Javascript innerHTML调用它时,为什么我的图像不显示?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是 Javascript的新手,我正在尝试一些事情.我正在使用函数使用innerHTML在表中加载图像.但是图像没有显示,除非我在函数底部调用alert(“whatever”),然后在警报可见时显示.
我正在使用的代码是(从外部js文件调用函数)
<script>
   function show(){
        document.getElementById('imageHolder1').innerHTML="<a href="#"><img='photos/picture.jpg' border=0/></a>";
    }
</script>

<body> <input name="b1" type="button" value="pics" onclick="show()"/>
<table><td id='imageHolder1'>picture</td></table>
</body> ``

我不明白为什么它不起作用,我所看到的所有例子都是相似的,我看不出有什么大的区别.即使我试着用标签它也行不通.欢迎任何帮助!在此先感谢,如果你对如何做到这一点有任何建议(因为我还在学习javascript,没有jquery)我也很感激.再次感谢!

解决方法

您的字符串中有错误
document.getElementById('imageHolder1').innerHTML="<a href="#"><img='photos/picture.jpg' border=0/></a>";

应该读

document.getElementById('imageHolder1').innerHTML="<a href='#'><img src='photos/picture.jpg' border=0/></a>";

(注意“更换”)

猜你在找的JavaScript相关文章