изображение перезаписывает существующие объекты HTML

Question

Я пытался сгенерировать тег img с помощью javascript (при нажатии на ссылку создается изображение). Проблема в том, что при создании изображения все другие объекты (другие изображения или текст) перезаписываются, и я больше не могу их найти

У меня есть что-то вроде

document.getElementById("picturediv").innerHTML=picturetag;

в html

<div id="bigger">
<div id="picturediv"></div>
<div id="div for some other stuff"></div>
</div>

Answer 1

Назначение innerHTML действительно «перезаписывает» любое предыдущее содержимое элемента.

Чтобы добавить изображение к существующему содержимому, необходимо:

document.getElementById("picturediv").innerHTML += picturetag;

Предполагается, что picturetag содержит действительныеHTML - если не повезет, пожалуйста, напишите больше кода, особенно что такое picturetag и как он создан.

Answer 2

Попробуйте что-то вроде этого:

  document.getElementById('picturediv').appendChild(picturetag);

Это добавит изображение в div

Answer 3

Должно сработать, если изображение тега не нарушает HTML.

<div id="bigger">
<div id="picturediv"></div>
<div id="div for some other stuff"></div>
</div>
<script>
document.getElementById("picturediv").innerHTML="<img src='"+pictureLocation+"'>";