title: Javascript - Append HTML to container element without innerHTML
body: <p>I need a way to append HTML to a container element without using innerHTML. The reason why I do not want to use innerHTML is because when it is use like this:</p>
  
  <p><code>element.innerHTML += htmldata</code></p>
  
  <p>It works by replacing all of the html first before adding the old html plus the new html. This is not good because it resets dynamic media such as embedded flash videos...</p>
  
  <p>I could do it this way which works:</p>
  
  <pre><code>var e = document.createElement('span');
  e.innerHTML = htmldata;
  element.appendChild(e);
  </code></pre>
  
  <p>However the problem with that way is that there is that extra span tag in the document now which I do not want.</p>
  
  <p>How can this be done then? Thanks!</p>