How to set a div's content to another div's content

Question

So I have two divs

<div id="1"><p>Hello<p></div>
<div id="2"><p>Goodbye<p></div>

And I am wondering if there is a simple technique to set div "1" equal to div "2" ?

So, the end result will be:

<div id="1"><p>Goodbye<p></div>
<div id="2"><p>Goodbye<p></div>

Thanks.

Answer 1

Do exactly that..

var div1 = document.getElementById("1");
document.getElementById("2").innerHTML = div1.innerHTML;

Answer 2

Try it using javascript

document.getElementById("1").innerHTML = document.getElementById("2").innerHTML

to get specific tags within an element use:

var x = document.getElementById("1");
var y = x.getElementsByTagName("p"); 

or in one line:

document.getElementById("1").getElementsByTagName("p").innerHTML;