У меня есть тег div1 со всеми необходимыми элементами, и я хочу скопировать весь элемент в другой div, скажем div2, но когда я это сделаю, он потеряет все данные в текстовом поле div1 и копирует его в div2. Каков подход к тому, чтобы не потерять данные. здесь пример кода, который я использую:
<div id="div1">
<img src="some-image.jpg" alt="">
<textarea></textarea>
</div>
<div id="div2" style="display:none;">
</div>
<input type="button" name="hide" onclick="document.getElementById('div2').innerHTML=document.getElementById('div1').innerHTML">
<input type="button" name="show" onclick="document.getElementById('div1').innerHTML=document.getElementById('div2').innerHTML">
Храните содержимое текстового поля в переменной, затем скопируйте div и вставьте содержимое в текстовое поле.
Сделайте третий скрытый div < div style = "display:none" >
Div не будет отображаться на веб-странице
Скопируйте данные из div 1 в div 3, div 2 в div 1, затем div 3 в div 2.