How to replace div with another div in javascript?
<p>How to replace div with another div in javascript? </p>

<p>This is what I have:</p>

<pre><code>&lt;div id="main_place"&gt;
main
&lt;/div&gt;

&lt;button onclick="show(operation1)"&gt;Replace to operation 1&lt;/button&gt;
&lt;button onclick="show(operation2)"&gt;Replace to operation 2&lt;/button&gt;
&lt;button onclick="show(operation3)"&gt;Replace to operation 3&lt;/button&gt;


&lt;div id=operation1 style=“display:none”&gt;
Some textboxes and text
&lt;/div&gt;

&lt;div id=operation2 style=“display:none”&gt;
Again some textboxes and text
&lt;/div&gt;

&lt;div id=operation3 style=“display:none”&gt;
And again some textboxes and text
&lt;/div&gt;

&lt;script&gt;
function show(param_div_id){
        document.getElementById('main_place').innerHTML = Here should be div from param;
        }
&lt;/script&gt;
</code></pre>

<p>Is it even possible to do it without jquery?</p>