title: move innerHTML with append/insertAfter type function, no jQuery
body: <p>Similar questions have been asked. I'm looking to clarify the best solution for a specific scenario.</p>
  
  <p>I want to move all the innerHTML to another element. I have:</p>
  
  <pre><code>&lt;div class='mydiv'&gt;
      Any HTML could be here. &lt;span&gt;&lt;/span&gt;&lt;div&gt;&lt;/div&gt; etc..
  &lt;/div&gt;
  </code></pre>
  
  <p>And want to append/prepend/insertAfter/whatever to this div:</p>
  
  <pre><code>&lt;div class='myotherdiv'&gt;
      Any HTML could be here as well. &lt;span&gt;&lt;/span&gt;&lt;div&gt;&lt;/div&gt; etc..
  &lt;/div&gt;
  </code></pre>
  
  <p>Is <code>innerHTML +=</code> and the like the only viable solution? Or is there some way to move the whole node list from the first div and append it to the second div? I COULD grab every node individually, loop and append them in order to the second div - I <strong>do not</strong> want to do that, for performance reasons. I'm looking for some voodoo magics here, old browser need not apply, and no libraries, please.</p>