javascriptを使って外部ページのDivからテキストを引き出す方法はありますか？

Question

私のページには、外部ページのdivからテキストをロードしたいティッカーがあります。私がしようとしているのは、別のページにある記事のタイトルをティッカーにロードすることです。私はすでにティッカーにロードする方法をすでに理解していますが、外部divからテキストを引き出す方法を知る必要がありますそれを別のdiv内にロードします）。

私の外部のページ

<div id="boundry2"> <h5> <div class="title"> Title: </div> <div class="date"> Date </div> </h5> Article text <br/> </div>

私のティッカー

<a href="#"> <div id="myhtmlticker" class="tickerstyle"> <div class="messagediv"> Text from title </div> <div class="messagediv">Text from title </div> </div> </a>

私のティッカーはmessagedivが表示され、クラスでそれぞれのdivを作るidで外部のJavascriptコードを参照します。外部ページの<div class="title">Title:</div>のテキストを<div class="messagediv">Text from title</div>にロードします。複数の記事があり、それぞれのタイトルを表示することを覚えておいてください。 すべてのご協力をいただきありがとうございます。

Answer 1

このソリューションをお試しください。ティッカーでajaxリクエストを使用して外部ページをレスポンステキストとして取得し、レスポンスを解析してタイトルを見つけたら、それをあなたのティッカーでロードすることができます。

希望すると、これが役立ちます。

Answer 2

function getFile(fileName, method, callback) { 
    // you can also add xdomain request 
    var request = new XMLHttpRequest(); 
    request.open(method, fileName, true); 
    request.onreadystatechange = function() { 
     if (request.readyState === 4) { 
      if (request.status === 200) { 
       callback(request.responseText); 
      } 
     } 
    } 
    request.send(); 
} 

function setTitle(response) { 
    var result = response.match(/(<div class="title">(.*?)<\/div>)+/ig); 
    var target = document.getElementsByClassName('messagediv'); 
    for (var i = 0; i < target.length; i++) { 
     target[i].innerHTML = result[0]; 
    } 
} 

getFile('testpage.html', 'get', setTitle);