किसी div की सामग्री को किसी अन्य div

में कॉपी करें, इसलिए मेरे पास मेरी वेबसाइट पर दो विशिष्ट divs हैं। दोनों में एक ही सीएसएस गुण हैं, लेकिन उनमें से एक के भीतर 24 अन्य divs हैं। मैं चाहता हूं कि इन सभी divs को दूसरे गोता में कॉपी किया जाए।किसी div की सामग्री को किसी अन्य 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>

तो मैं mydiv2 पृष्ठ लोड होने में नकल होने में 24 divs mydiv1 के भीतर के सभी चाहते हैं: यह है कि यह कैसे लग रहा है की तरह है।

अग्रिम

स्रोत

2013-11-24 Hwende

सबसे पहले हम बताए जाते हैं divs चर (वैकल्पिक) में धन्यवाद

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

अब बस mydiv2 को mydiv1 की सामग्री आवंटित।

secondDivContent.innerHTML = firstDivContent.innerHTML;

डेमो http://jsfiddle.net/GCn8j/

संपूर्ण कोड

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

स्रोत

2013-11-24 09:39:28

वर firstDivContent और इतने पर मत भूलना। वैश्विक दायरे में चर का पर्दाफाश करना खराब अभ्यास –

यह वास्तव में काम नहीं करेगा, 'आंतरिक HTML' तत्व को –

@EricHerlitz की संपत्ति का संदर्भ नहीं देता है, जो 'var' के बारे में चेतावनी देने के लिए धन्यवाद। –

आप jQuery के .ready() घटना का उपयोग कर सकते

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

भी एक काम कर रहे DEMO।

स्रोत

2013-11-24 09:41:44

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

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

स्रोत

2013-11-24 09:42:37

jQuery में वैकल्पिक आप clone का उपयोग करें और अपने लक्ष्य div में यह डाल सकते हैं। उदाहरण:

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

कॉपी #mydiv1#mydiv2 में

स्रोत

2013-11-24 09:58:47

किसी div की सामग्री को किसी अन्य div

उत्तर

संबंधित मुद्दे