码迷,mamicode.com
首页 > 其他好文 > 详细

把div动态写到另一个div中

时间:2019-02-20 10:01:18      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:教程   title   value   inpu   utf-8   code   菜鸟   html   isp   

<!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中

标签:教程   title   value   inpu   utf-8   code   菜鸟   html   isp   

原文地址:https://www.cnblogs.com/yunyun0574/p/10404491.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!