为什么我的图像在使用Javascript innerHTML调用它时不显示？

我对Javascript非常陌生，我正在尝试一些东西。我正在使用一个函数，使用innerHTML在表中加载图像。但是图像不会显示，除非我在函数的底部调用alert（“whatever”），然后它会在警报可见时显示。 我使用的代码类似于（该函数是从外部js文件调用的）

函数show（）{
document.getElementById（'imageHolder1'）。innerHTML=“”；
}
照片
``

---

我不明白为什么它不起作用，我看过的所有例子都是相似的，我看不出有什么大的不同。即使我试着去掉标签，它也不起作用。欢迎任何帮助！提前感谢，如果您对如何实现这一点有任何建议（因为我还在学习javascript，所以没有jquery），我也会非常感激。再次感谢

您的字符串中有一个错误：

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

document.getElementById（'imageHolder1'）.innerHTML=“”；

应该读

document.getElementById（'imageHolder1'）.innerHTML=“”；

---

（注意“to”replacement）

您没有添加图像src。它应该是

href='#'

它应该是这样的

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

函数显示（）{
document.getElementById（'imageHolder1'）。innerHTML=“”；
}

尝试为图像指定一个“image”id，然后使用以下命令：

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

---

你的代码中有很多错误和懒惰的快捷方式。我做了一把小提琴，不得不纠正了很多看起来很仓促的地方…这是你的小提琴，但请认真地演奏：

检查#，你需要在你的innerHTML字符串中转义“in”。innerHTML是一个很难使用的工具，因为您必须确保插入的所有内容都是真实且良好的HTML。可能想研究更详细但更值得信任的DOM操作javascript，如

appendChild

等。此外，我建议您使用firebug for FF或其他javascript调试器，因为这些错误更容易发现。谢谢，我将尝试appendChild，并明确查看javascript调试器，因为这个例子似乎没有任何效果。这一定是一个糟糕的剪切粘贴，否则它会产生一个语法错误，我在粘贴时删除了src，因为你花了很多时间来做这件事！我想这与加入重要属性有关。

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

function show(){
    document.getElementById('image').src = 'photos/picture.jpg'
}