首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当我使用Javascript innerHTML调用它时,为什么我的图像不显示?

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

Stack Overflow用户
提问于 2012-03-02 05:33:25
回答 4查看 17.1K关注 0票数 6

我是Javascript的新手,我正在尝试一些东西。我正在使用一个函数通过innerHTML在表中加载一个图像。但是,除非我在函数底部调用alert (“随便”),否则图像不会显示,然后它会在警报可见时显示。我使用的代码类似于(该函数是从外部js文件调用的)

代码语言:javascript
运行
复制
<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> ``

我不明白为什么它不能工作,我看过的所有例子都是相似的,如果我试着去掉标签它不能工作,我看不到大的differences.Even。好吧,欢迎任何帮助!提前感谢,如果你对如何做到这一点有任何建议(没有jquery,因为我还在学习javascript),我也会很感激。再次感谢!

EN

回答 4

Stack Overflow用户

发布于 2012-03-02 05:35:58

您的字符串中存在错误:

代码语言:javascript
运行
复制
document.getElementById('imageHolder1').innerHTML="<a href="#"><img='photos/picture.jpg' border=0/></a>";

应该阅读

代码语言:javascript
运行
复制
document.getElementById('imageHolder1').innerHTML="<a href='#'><img src='photos/picture.jpg' border=0/></a>";

(注:“更换”)

票数 4
EN

Stack Overflow用户

发布于 2012-03-02 05:41:58

你的代码中有很多错误和懒惰的快捷方式。我做了一个小提琴,不得不纠正相当多的地方,看起来非常仓促的工作…这是你的小提琴,但要用心演奏:http://jsfiddle.net/uXpeK/

票数 2
EN

Stack Overflow用户

发布于 2012-03-02 05:36:43

您没有添加镜像src。它应该是href='#'它应该是这样的

代码语言:javascript
运行
复制
function show(){
     document.getElementById('imageHolder1').innerHTML="<a href='#'><img src='photos/picture.jpg' border='0'/></a>";
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9524458

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档