たぼさんの部屋

いちょぼとのんびり

document.documentElementのinnerHTMLにセットすると

f:id:donsuka_kk:20140402073752p:plain

こういうように、サイトコンテンツがそのまま入れ替わって表示できる。

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 文書の場合は 要素) を返します。これは読取専用プロパティです