Copiez le contenu d'un div dans un autre div

J'ai deux divs sur mon site. Ils partagent les mêmes propriétés css, mais l'un d'eux détient 24 autres divs. Je souhaite à tous de ces 24 divs à copier dans l'autre div.
C'est à quoi il ressemble:

<div id="mydiv1">
    <div id="div1">
    </div>
    </div id="div2>
    </div>
    //and all the way up to div 24.
</div>

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

Je souhaite à tous de le 24 divs dans mydiv1 à être copié dans mydiv2 lorsque le chargement de la page.

Merci d'avance

source d'informationauteur Hwende

  1. 14

    Tout d'abord, nous assignez des divs dans des variables (facultatif)

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

    Maintenant suffit d'attribuer mydiv1 du contenu de mydiv2.

    secondDivContent.innerHTML = firstDivContent.innerHTML;

    DÉMO
    http://jsfiddle.net/GCn8j/

    CODE COMPLET

    <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>
  2. 7

    Vous pouvez utiliser le .prêt() cas de jquery

    jQuery(document).ready(function() {
    jQuery('.div1').html(jQuery("#div2").html());
}

    Également un travail DÉMO.

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

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

    Alternative en jquery Vous pouvez utiliser clone et la mettre dans votre cible div. Exemple:

    $('#mydiv1').clone().appendTo('#mydiv2');

    Copie #mydiv1 en #mydiv2