如何復制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。