javascript - 如何复制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

将文本区域的内容存储在变量中，然后复制您的 div 并将内容插入到文本区域中。