Kopieren Sie den Inhalt eines Div in ein anderes Div

Also habe ich zwei bestimmte Divs auf meiner Website. Beide haben die gleichen css-Eigenschaften, aber einer von ihnen enthält 24 andere divs. Ich möchte, dass alle Divs in den anderen Tauchgang kopiert werden. Dies ist, wie es aussieht:Kopieren Sie den Inhalt eines Div in ein anderes Div

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

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

Deshalb möchte ich alle 24 divs mydiv1 withing in mydiv2 beim Laden der Seite kopiert werden.

Vielen Dank im Voraus

Quelle

2013-11-24 Hwende

Zum einen sind wir die Zuordnung divs in Variablen (optional)

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

Weisen Sie nun nur Inhalt des mydiv1 zu 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>

Quelle

2013-11-24 09:39:28

nicht var firstDivContent vergessen und so weiter. Das Aussetzen der Variablen dem globalen Bereich ist eine schlechte Praxis –

Dies wird nicht funktionieren, 'innerHTML' gibt eine Zeichenfolge nicht einen Verweis auf die Eigenschaft des Elements zurück –

@EricHerlitz Danke für die Warnung mich über' var's. –

Sie können das .ready() Ereignis von jquery

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

Auch eine funktionierende DEMO.

Quelle

2013-11-24 09:41:44

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

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

Quelle

2013-11-24 09:42:37

Alternative in jquery können Sie clone verwenden und es in Ihrem Ziel div setzen. Beispiel:

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

Copy #mydiv1 in #mydiv2

Quelle

2013-11-24 09:58:47

Kopieren Sie den Inhalt eines Div in ein anderes Div

Antwort

Verwandte Themen