title: createElement() vs. innerHTML When to use?
body: <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><strong><em>Research / Links</em></strong></p>
  
  <p><a href="https://stackoverflow.com/questions/2946656/advantages-of-createelement-over-innerhtml">Advantages of createElement over innerHTML?</a></p>
  
  <p><a href="https://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>