Javascript removeChild() and appendChild() VS display=none and display=block|inline
<p>I'm developing a web application that shows some controls and descriptions dynamically (I don't want to use jQuery or other libraries).</p>

<p>At this moment i make appear and disappear controls using:</p>

<pre><code>element.setAttribute("style", "display : inline");
</code></pre>

<p>and</p>

<pre><code>element.setAttribute("style", "display : none");
</code></pre>

<p>but i'm thinking about using:</p>

<pre><code>element.appendChild(childRef);
</code></pre>

<p>and</p>

<pre><code>element.removeChild(childRef);
</code></pre>

<p>So, which one is the best solution in terms of system speed and elegance of the code?
Or is there a better way to go about this?</p>
