How to copy text from one div to another in javascript

Question

I have div1 and div2, upon clicking copy button I want the text in div1 copied to div2, how is it possible in javascript, pls help.

Answer 1

<input type="button" onclick="document.getElementById('div2').innerHTML = document.getElementById('div1').innerHTML" value="Copy" />

Answer 2

Using jQuery:

$("#div2").html($("#div1").html());

You can trigger this with a click() handler on the button:

$("#copy").click(function() {
    $("#div2").html($("#div1").html());
});

Answer 3

<div id="div1">Some Content</div>
<div id="div2"></div>
<input type="button" onclick="document.getElementById('div2').innerHTML=document.getElementById('div1').innerHTML"/>