如何在不损失价值的情况下复制div元素

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