如何复制div元素而不会失去价值

Question

我有div1标签与所有必需的元素，我想将整个元素复制到另一个div说div2，但是当我这样做时，它会丢弃div1的文本框中的所有数据，而不是将它复制到div2。 什么是不丢失数据的方法。 这是我正在使用的代码示例：

HTML

     <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">

Answer 1

将textarea的内容存储在变量中，然后复制div并随后将内容插入textarea。

Answer 2

制作第3个隐藏的div < div style = "display:none" > div不会显示在网页上
将数据从div 1复制到div 3，div 2复制到div 1，然后将div 3复制到div 2。