如何在不丢失值的情况下复制 div 元素答案

【问题标题】：how to copy div element without losing value如何在不丢失值的情况下复制 div 元素
【发布时间】：2013-12-20 09:08:39
【问题描述】：

我有包含所有必需元素的 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">

【问题讨论】：

不太清楚你想实现什么，但你应该把 JS 和 HTML 分开。
问题令人困惑。文本框 1 中的数据是什么意思？
您应该将 div innerhtml 分配给某个变量，然后替换组合的 html
@kiranRS by data 我指的是textarea的值。用户将输入的数据..
如何将用户输入的值复制到另一个 div？做一件事，将文本区域的值存储到一个变量中，并尽可能地显示它。

标签： javascript html

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：