Я довольно новичок в Javascript, и я пытался что-то выпустить. Я использую функцию для загрузки изображения внутри таблицы с помощью innerHTML. Но изображение не появляется, если я не вызываю предупреждение («все») в нижней части функции, а затем появляется, пока отображается предупреждение. код я использую что-то вроде (функция вызывается из внешнего файла JS)Почему мое изображение не отображается, когда я использую Javascript innerHTML для его вызова?
<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), я был бы также признателен. Еще раз спасибо!
Проверьте #, вам нужно избежать «в вашем внутреннемHTML string. innerHTML - это зверь, с которым нужно работать, потому что вы должны убедиться, что все, что вы вставляете, является истинным и хорошим HTML. Возможно, вам стоит взглянуть на более подробные, но более заслуживающие доверия DOM, манипулирующие javascript, такие как 'appendChild' и т. д. – user17753
Кроме того, я предлагаю вам работать с чем-то вроде Firebug для FF или какого-либо другого отладчика JavaScript, так как эти ошибки легче обнаружить. – user17753
спасибо, я попробую appendChild и окончательно посмотрю на отладчики Javascript, поскольку с этим примером ничего не работает как есть. – biobio