Почему мое изображение не отображается, когда я использую Javascript innerHTML для его вызова?

Я довольно новичок в Javascript, и я кое-что пробовал. Я использую функцию для загрузки изображения внутри таблицы, используя innerHTML. Но изображение не отображается, если я не вызову alert («что угодно») внизу функции, затем оно появляется, пока предупреждение видно. Код, который я использую, выглядит примерно так (функция вызывается из внешнего файла 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> ``

Я не понимаю, почему это не работает, все примеры, на которые я смотрел, похожи, я не вижу больших различий. Даже если я попробую без тега, это не сработает. Ну любая помощь приветствуется! Заранее спасибо, и если у вас есть какие-либо предложения о том, как это сделать (без jquery, так как я все еще изучаю javascript), я был бы также признателен. Еще раз спасибо!

Ответы на вопрос(4)

Ваш ответ на вопрос