Показать сообщение отдельно
  #1 (permalink)  
Старый 09.11.2009, 14:00
Интересующийся
Отправить личное сообщение для glutton Посмотреть профиль Найти все сообщения от glutton
 
Регистрация: 26.03.2009
Сообщений: 25

Создать узел <img> внутри <div>
Здравствуйте! Помогите, пож., составить код для реализации следующей задачи - надо создать <img .../> внутри <div .../> так, чтобы потом по ID рисунка можно было играть с его свойствами через document.getElementById().

// Все DIV'ы изначально присутствуют в теле документа
<div id=img_container>
       <div>...</div>
       <div id=workimage>
             // Этот узел (рисунок) надо создать динамически
             <img id=img src='img.gif'>
       </div>
       <div>...</div>
</div>



Написал кучу кривого кода, ничего не работает так как мне надо - могу только DIV создать, а не <img>, для отчета приведу один пример? который не рабоает:

var div_container = document.getElementById('workimage');
var div_container_inside = document.createElement("div");
div_container.appendChild(div_container_inside);
div_container.firstChild.nodeValue.innerHTML = "<img id=img src='img.gif'>";
Ответить с цитированием