createElement() vs. innerHTML When to use?
<p>I have some data in a sql table.  I send it via JSON to my JavaScript.</p>

<p>From there I need to compose it into HTML for display to the user by 1 of 2 ways.</p>

<ul>
<li>By composing the html string and inserting into .innerHTML property of the holding element</li>
<li>By using createElment() for each element I need and appending into the DOM directly</li>
</ul>

<p>Neither of the questions below gives a quantifiable answer.  </p>

<p>From first answer in first link, 3rd Reason ( first two reasons stated don't apply to my environment )</p>

<blockquote>
  <p>Could be faster in some cases</p>
</blockquote>

<p>Can someone establish a base case of when createElement() method is faster and why? </p>

<p>That way people could make an educated guess of which to use, given their environment.  </p>

<p>In my case I don't have concerns for preserving existing DOM structure or Event Listeners.  Just efficiency ( speed ).</p>

<p>I am not using a library regarding the second link I provided.  But it is there for those who may.</p>

<hr>

<p><em><strong>Research / Links</em></strong></p>

<p><a href="http://stackoverflow.com/questions/2946656/advantages-of-createelement-over-innerhtml">Advantages of createElement over innerHTML?</a></p>

<p><a href="http://stackoverflow.com/questions/737307/javascript-is-it-better-to-use-innerhtml-or-lots-of-createelement-calls-to-ad">JavaScript: Is it better to use innerHTML or (lots of) createElement calls to add a complex div structure?</a></p>
