把div动态写到另一个div中

Posted 2021-02-10 yunyun0574

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了把div动态写到另一个div中相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
 <head> 
  <meta charset="utf-8" /> 
  <title>菜鸟教程(runoob.com)</title> 
  <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script> 
 </head> 
 <body> 
  <div id="div1" style="display:none"> 
   <p>这是一个有故事的div</p> 
  </div> 
  <div id="div2"></div> 
  <div id="div3"></div> 
  <input type="button" id="btn1" value="把div1内容插入到div2" /> 
  <input type="button" id="btn2" value="把div1内容插入到div3" /> 
  <script>
$(‘#btn1‘).click(function(){
var html = $(‘#div1‘).html();
$(‘#div2‘).append(html);
});
$(‘#btn2‘).click(function(){
var html = $(‘#div1‘).html();
$(‘#div3‘).append(html);
});
</script>  
 </body>
</html>

以上是关于把div动态写到另一个div中的主要内容，如果未能解决你的问题，请参考以下文章

急啊---JSP中如何把一个DIV中得BUTTON按钮拖拽到另一个DIV中

如何将一个div的内容克隆到另一个div

如何通过单击适配器类中代码的项目中的删除按钮来删除列表视图中的项目后重新加载片段？

解决 position: fixed的元素写到mescroll的div里面会抖动的问题

jquery 操作div内容插入到另一个div

jquery 实践操作：div 动态嵌套页面