createDocumentFragment.js

var createDocumentFragment = (function() {
if (document.createRange) {
    return function(contextElement, htmlStr) {
        var range = contextElement.ownerDocument.createRange();
        range.selectNodeContents(contextElement);
        var df = range.createContextualFragment(htmlStr);
        range.detach();
        return df;
    };
}
else {
    return function(contextElement, htmlStr) {
        var dv = contextElement.ownerDocument.createElement(contextElement.nodeName);
        dv.innerHTML = htmlStr;
        var df = contextElement.ownerDocument.createDocumentFragment();
        while(dv.firstChild) {
            df.appendChild(dv.firstChild);
        }
        return df;
    }
}
})();