title: Inner workings of innerHTML
body: <p>I was trying to iteratively change the innerHTML of an Id, like:</p>
  
  <pre><code>document.getElementById("test").innerHTML += "&lt;br /&gt;"
  </code></pre>
  
  <p>and</p>
  
  <pre><code>document.getElementById("test").innerHTML += "&lt;table&gt;" + blahblah + "&lt;/table&gt;"
  </code></pre>
  
  <p>but I found that it didn't necessarily put my tags in sequence.</p>
  
  <p>Of course, this method sucks, and I just changed everything to keep adding to a string, which I assign at the end to the innerHTML of the Id.</p>
  
  <p>My question is:  </p>
  
  <p><strong>What exactly is innerHTML doing to the tags I'm inserting, is it deterministic, is it brower-specific?</strong></p>