title: JavaScript - Use innerHTML as actual html instead of plain text
body: <p>When I'm trying to change <code>document.documentElement.innerHTML</code> using the <code>innerHTML</code> of a textarea like this:</p>
  
  <pre><code>document.documentElement.innerHTML = document.querySelector('#mytextarea').innerHTML
  </code></pre>
  
  <p>The <code>innerHTML</code> of <code>#mytextarea</code> is not used as actual HTML to change the DOM, but as plain text.</p>
  
  <p>For example: if the <code>innerHTML</code> of <code>#mytextarea</code> is <code>&lt;p&gt;A paragraph&lt;/p&gt;</code>.</p>
  
  <p>Then the document after loading looks like: <code>&lt;p&gt;A paragraph&lt;/p&gt;</code> instead of <code>A paragraph</code></p>
  
  <p>How should I do it so the value inside the <code>#mytextarea</code> could be used to change the DOM? (ex. appending new elements)</p>