DOM Element Creation vs. .innerHTML vs. Direct
<p>When generating dynamic content, which way is better to simply create the HTML and insert it into a .innerHTML or to create elements in the DOM directly?</p>

<p>I'm not concerned with complexity or other.  Just processing time on the client.</p>

<p>Which is quicker?</p>

<p>If I had to guess in order of efficiency (low processing time) this would be:</p>

<ol>
<li>DOM Creation</li>
<li>.innerHTML property insertion</li>
<li>direct writing</li>
</ol>

<p>This would be inversely related to the complexity of implmenting:</p>

<ol>
<li>direct writing</li>
<li>.innerHTML property insertion</li>
<li>DOM Creation</li>
</ol>

<p>This is a validatin question?  Can someone validate that this is the trade-offs for determining how to update the client (i.e. javascript) when considering complexity and speed?</p>

<p><strong>Research:</strong></p>

<p>I'm not concerned with security like they are here->
<a href="http://stackoverflow.com/questions/3027914/jquery-dom-element-creation-vs-innerhtml">InnerHTML vs. DOM - Security</a></p>

<p><a href="http://stackoverflow.com/questions/8461851/what-is-better-appending-new-elements-via-dom-functions-or-appending-strings-w">InnerHTML vs. DOM</a>
This is not a duplicate as it covers only part of my question.</p>
