jQuery DOM - Native equivalents

jquery-dom-native.js

//----Append some HTML elements----

// jQuery
$(document.body).append("<div id='myDiv'><img src='im.gif'/></div>");

// native equivalent (BAD WAY)
document.body.innerHTML += "<div id='myDiv'><img src='im.gif'/></div>";

// native equivalent (BEST WAY)
var frag = document.createDocumentFragment();

var myDiv = document.createElement("div");
myDiv.id = "myDiv";
frag.appendChild(myDiv);

var im = document.createElement("img");
im.src = "im.gif";
frag.appendChild(im);

document.body.appendChild(frag);