Javascript 将显示的文本从div复制到另一个div_Javascript_Jquery_Html

Javascript 将显示的文本从div复制到另一个div

javascript jquery html

Javascript 将显示的文本从div复制到另一个div,javascript,jquery,html,Javascript,Jquery,Html,我在这里遇到了一个问题，就是如何使用javascript将显示在div中的文本从jquery复制到另一个div中这是我的密码： <body onload="copyDiv();"> <div id="first_div"></div> <div id="second_div"></div> </body> <script> // this function provides text for f

我在这里遇到了一个问题，就是如何使用javascript将显示在div中的文本从jquery复制到另一个div中

这是我的密码：

<body onload="copyDiv();">
  <div id="first_div"></div>
  <div id="second_div"></div>
</body>

<script>
   // this function provides text for first_div
 $(document).ready(function() {
  $("#first_div").html('Testing');
 });

   // this function copies the text that comes from first_div to second_div
   function copyDiv() {
      var firstDivContent = document.getElementById('first_div');
      var secondDivContent = document.getElementById('second_div');
      secondDivContent.innerHTML = firstDivContent.innerHTML;
    }
</script>

我的预期输出是，jquery将为第一个\u div提供文本，javascript函数将文本从第一个\u div复制到第二个\u div。提前感谢这两个任务都应该加载并且按顺序进行：

$document.readyfunction{ $first_div.html“测试”； $second_div.html$first_div.html； }

这两项任务都应按顺序加载：

$document.readyfunction{ $first_div.html“测试”； $second_div.html$first_div.html； }

根据您的问题内容使用纯JavaScript

函数copyDiv{ var firstDivContent=document.getElementById'first_div'； var secondDivContent=document.getElementById'second_div'； secondDivContent.innerHTML=firstDivContent.innerHTML； } 测试

根据您的问题内容使用纯JavaScript

函数copyDiv{ var firstDivContent=document.getElementById'first_div'； var secondDivContent=document.getElementById'second_div'； secondDivContent.innerHTML=firstDivContent.innerHTML； } 测试

有没有一个原因不只是将jQuery用于两者？把图书馆包括在内，但没有充分利用它，这似乎很奇怪。而且我可以想象，它不工作的原因是因为在设置之前发生了复制。在代码中添加一些console.logs，以准确地查看每行代码的触发时间-您很快就会看到onload=fires before$function-在这两种情况下使用相同的技术将大大简化您的代码和生命您不只是使用它有什么原因吗这两个都是jQuery？把图书馆包括在内，但没有充分利用它，这似乎很奇怪。另外，我认为它不起作用的原因是因为在设置之前发生了复制。在代码中添加一些console.log，以准确查看每行代码的触发时间-您很快就会看到onload=fires before$function-在这两种情况下使用相同的技术将大大简化您的代码和生活