( function() {
    var tag, prevParent, frag = currentParent = document.createDocumentFragment();
    tag = document.createElement( "div" );
    tag.setAttribute( "style", "color: red; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; " );
    currentParent.appendChild( tag );
    prevParent = currentParent;
    currentParent = tag;
    currentParent.appendChild( document.createTextNode( "     Hi " ) );
    tag = document.createElement( "span" );
    tag.setAttribute( "style", "background-color: black; " );
    tag.setAttribute( "id", "myID" );
    currentParent.appendChild( tag );
    prevParent = currentParent;
    currentParent = tag;
    currentParent.appendChild( document.createTextNode( "," ) );
    currentParent = prevParent;
    currentParent.appendChild( document.createTextNode( " there " ) );
    currentParent = prevParent;
    tag = document.createElement( "div" );
    currentParent.appendChild( tag );
    prevParent = currentParent;
    currentParent = tag;
    currentParent.appendChild( document.createTextNode( "     Hello " ) );
    tag = document.createElement( "small" );
    currentParent.appendChild( tag );
    prevParent = currentParent;
    currentParent = tag;
    currentParent.appendChild( document.createTextNode( "world" ) );
    currentParent = prevParent;
    return frag;
})();