document.documentElementのinnerHTMLにセットすると
こういうように、サイトコンテンツがそのまま入れ替わって表示できる。
documentElement*1
js
var ParseDocument=function(str){ this.str = str; this.elements = document.documentElement; this.constructor(); }; ParseDocument.prototype={ constructor:function(){ var htmlDoc = document.implementation.createHTMLDocument('dom'); htmlDoc.documentElement.innerHTML = this.str; // this.elements = document.createElement('documentElement'); this.elements.innerHTML = htmlDoc.documentElement.innerHTML; } };
実行部
var url="http://html5efo.efolab.com"; var xhr=new XMLHttpRequest(); xhr.open('GET',url,true); xhr.addEventListener('readystatechange',function(){ if(xhr.readyState===4){ try{ var text = xhr.responseText; console.log(text); var parseDoc = new ParseDocument(text); }catch(e){ console.log(e.stack); alert(e.stack); } } },false);
*1:document のルート要素 (HTML 文書の場合は 要素) を返します。これは読取専用プロパティです