title: Speed/efficiency of multiple DOM appendChild
body: <p>I have to create seven div elements in one hit - container A which contains A1, A2, A3 &amp; A4, and then A2a &amp; A2b within A2. I am using multiple calls to this little function:</p>
  
  <pre><code>function u1(t,i,c,p){ // type,id,class_name,parent_id
      var tag=document.createElement(t); // Create node to be appended
      tag.id=i;
      tag.className=c;
      document.getElementById(p).appendChild(tag);
  }
  </code></pre>
  
  <p>My question: Is there is a more time-efficient way to bundle the seven together, and then just do one DOM append? Or is innerHTML a good option?</p>
  
  <p>Thanks :)</p>