Copy the content of a div into another div

前端未结

关注

 4  1368

I have two divs on my website. They both share the same css properties, but one of them holds 24 other divs. I want all of these 24 divs to be copied into the other div. Thi

相关标签:

4条回答

予麋鹿

2020-12-09 19:07
Alternative in jquery You can use clone and put it in your target div. Example:
```
$('#mydiv1').clone().appendTo('#mydiv2');
```
Copy #mydiv1 into #mydiv2
0 讨论(0)
发布评论:

提交评论
- 加载中...

鱼传尺愫

2020-12-09 19:12

var divs = document.getElementById('mydiv1').innerHTML;

document.getElementById('mydiv2').innerHTML= divs;

0 讨论(0)

無奈伤痛

2020-12-09 19:22
You can use the .ready() event of jquery
```
jQuery(document).ready(function() {
    jQuery('.div1').html(jQuery("#div2").html());
}
```
Also a working DEMO.
0 讨论(0)
发布评论:

提交评论
- 加载中...

温柔的废话

2020-12-09 19:30

Firstly we are assigning divs into variables (optional)

var firstDivContent = document.getElementById('mydiv1');
var secondDivContent = document.getElementById('mydiv2');

Now just assign mydiv1's content to mydiv2.

secondDivContent.innerHTML = firstDivContent.innerHTML;

DEMO http://jsfiddle.net/GCn8j/

COMPLETE CODE

<html>
<head>
  <script type="text/javascript">
    function copyDiv(){
      var firstDivContent = document.getElementById('mydiv1');
      var secondDivContent = document.getElementById('mydiv2');
      secondDivContent.innerHTML = firstDivContent.innerHTML;
    }
  </script>
</head>
<body onload="copyDiv();">
  <div id="mydiv1">
      <div id="div1">
      </div>
      <div id="div2">
      </div>
  </div>

  <div id="mydiv2">
  </div>
</body>
</html>

0 讨论(0)