document.implementation & Range

document.implementation と document.createRange、
range.selectNodeContentsなどを組み合わせて
テキストからDOMを抽出する方法。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'test.html');
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
        hoge(xhr.responseText);
    }
};
xhr.send(null);

function hoge(txt) {
    var doc = document.implementation.createHTMLDocument('');
    var range = doc.createRange();

    range.selectNodeContents(doc.documentElement);
    range.deleteContents();
    doc.documentElement.appendChild(range.createContextualFragment(txt));

    range.selectNodeContents(doc.documentElement);
    var cont = range.extractContents();
    console.log(cont);
    document.body.appendChild(cont);
}
}());