JavaScriptで別ページの一部の要素を読み込む方法

下記のJavaScriptを実行すると、同一サーバーにある'vbs-re0001'というページにある、最初のh3ヘッダー「連続する数字を取得する」を取得し、このページでタイトルを表示する。

<script type="text/javascript"> <!-- setTimeout("funalert()",0); function funalert(){ var objXHR = new XMLHttpRequest(); objXHR.open('GET', 'vbs-re0001', true); //true:非同期通信 vbs-re0001ページを対象にして objXHR.onreadystatechange = function(){ //読み込みの状態が変化したときの処理 if (objXHR.readyState === 4 && objXHR.status === 200){ var res = document.getElementById('xhr-div'); var str = objXHR.responseText; //読み込んだHTMLをHTMLで処理 res.innerHTML = str.match(/<h3 id="1" class="h3bar">.+?<\/h3>/); } }; objXHR.send(null); //リクエストの送信 }; //--> </script> <div id="xhr-div"></div>

【実行した結果】

グーグルチャート 折れ線グラフ（1本）

グーグルチャート 折れ線グラフ（2本）