title: Add elements to the DOM given plain text HTML using only pure JavaScript (no jQuery)
body: <p>I need to be able to add elements to a page given a raw text string of HTML, including any number of tags, attributes etc. Ideally I would like to be able to do something like with any arbitrary string of well-formed html; </p>
  
  <pre><code> var theElement = document.createElement("&lt;h1 id='title'&gt;Some Title&lt;/h1&gt;&lt;span style="display:inline-block; width=100px;"&gt;Some arbitrary text&lt;/span&gt;");
  
  document.getElementById("body").appendChild(theElement);
  </code></pre>
  
  <p>Obviously that doesn't work, I'm looking for good ways to achieve the same result. I'd like to avoid parsing the HTML if possible. I'm severely restricted on the tools I can use, no jQuery or outside includes and must be cross-browser and backward compatible down to IE6. Any help would be huge.</p>