How to replace the contents of a existing div with another div contents?

Question

I have a pop up window.On click of a next button in a pop up window,the contents of current div must be replaced with another div contents.I want to repeat this action repeatedly on click of same next button with another divs. How to achieve this?

Answer 1

Try something like this:

var a = $('#div1').html();
var b = $('#div2').html(a);

Of course it is using Jquery.

Answer 2

You can try this

function fun()
  {
   document.getElementById("div1").innerHTML=    document.getElementById("div2").innerHTML;
   }

call this function onclick event of button.

Answer 3

You can use jQuery .html() method to get content from div and then add this content to destination div Checkout sample on jsFiddle http://jsfiddle.net/btPb6/

function replaceContent(source, destination){
    $('#'+destination).html($('#'+source).html());
}