title: how to do createElement, appendChild, and className all at once?
body: <p>When using vanilla JS, here is my typical way of creating an element and rendering it on the page:</p>
  
  <pre><code>var span = document.createElement('span');
      span.className = 'someClass';
      span.innerHTML = 'Lorem ipsum';
  
  document.body.appendChild(span);
  </code></pre>
  
  <p>With jQuery you can do something like</p>
  
  <pre><code>$('body').append('&lt;span class="someClass"&gt;Lorem ipsum&lt;/span&gt;')
  </code></pre>
  
  <p>Is there a more shorthand version available for pure JS?</p>