JS native equivilant to DOM Manipulation with jQuery

dommanipulation

 /* Append HTML elements 8/
 
  /* jQuery */
  $(document.body).append("<div id='myDiv'><img src='im.gif'/></div>");
 
  /* CRAPPY native equivalent */
  document.body.innerHTML += "<div id='myDiv'><img src='im.gif'/></div>";
 
  /* MUCH BETTER native equivalent */
  var frag = document.createDocumentFragment();
 
  var myDiv = document.createElement("div");
  myDiv.id = "myDiv";
 
  var im = document.createElement("img");
  im.src = "im.gif";

  myDiv.appendChild(im);
  frag.appendChild(myDiv);
 
  document.body.appendChild(frag);

/* Prepend HTML elements */

  /* same as above except for last line */
  document.body.insertBefore(frag, document.body.firstChild);