如何在JavaScript中将文本从一个div复制到另一个div

3
我有 div1 和 div2,希望在点击复制按钮后将 div1 中的文本复制到 div2 中,在 JavaScript 中如何实现呢?请帮忙。
4个回答

5

使用jQuery:

$("#div2").html($("#div1").html());

您可以在按钮上使用click()处理程序来触发此操作:
$("#copy").click(function() {
    $("#div2").html($("#div1").html());
});

可能是因为原问题中依赖于jQuery而不是纯JavaScript,但这只是猜测。 - The Moof
被2个赞同和2个反对通过...批评者无处不在。 - Nathan Taylor

5
<div id="div1">Some Content</div>
<div id="div2"></div>
<input type="button" onclick="document.getElementById('div2').innerHTML=document.getElementById('div1').innerHTML"/>

4

<input type="button" onclick="document.getElementById('div2').innerHTML = document.getElementById('div1').innerHTML" value="复制" />

该代码是一个按钮,点击后可以将id为div1的区域内的内容复制到id为div2的区域中。

-1
<html>
  <head>
  <script>
     function change() {
       document.getElementById('demo1').innerHTML = document.getElementById('demo').innerHTML;
     }
  </script>
  </head>

  <body>
    <div class="left">
      <input type="text" id="demo" value="hi" />
      <input type="button" onClick="change()" />
    </div>
    <div class="right">
      <p id="demo1"></p>
    </div>
  </body>
</html>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接