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

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

6
задан Adam Rackis 1 March 2012 в 21:36
поделиться