Как программно вставить рисунок в документ HTML

Всплывал сегодня и такой вопросик... Поможет, как это часто бывает, Javascript. Вот этот подход у меня сработал во всех современных браузерах (код не проверяю, думаю, ошибок тут нет из-за его простоты). Естественно, рисунок должен где-то существовать в виде файла.

1. В тексте HTML создаётся, к примеру, раздел, который будет содержать рисунки:

<div id="divID">
...
</div>

2. В коде на Javascript, вызываемом по нужному событию, в раздел добавляются картинки:

<script type="text/javascript">
//...
var divID=document.getElementById('divID');
var image=document.createElement('img');
image.src='имя_рисунка.gif';  
image.id = 'id_нового_рисунка';
divID.appendChild(image);
//...
</script>

06.10.2010, 00:14 [10034 просмотра]