Javascriptで外部ページからinnerhtmlを取得する

Question

私は外部ページにあるDIVのinnerHTMLを取得しようとしています。これは、この種類のJavaScriptコードを使用してこれを行うことは可能ですか？

<script type="text/javascript"> 
     $(document).ready(function(){ 
      var html = document.getElementById("glr1").src='/my_page.html'.innerHTML ; 
      alert(html); 
     }); 
    </script> 

Answer 1

jqueryのロード機能を使用すると、

$('#result').load('ajax/test.html #container'); 

http://api.jquery.com/load/

Answer 2

セキュリティ上の問題により、外部HTMLからHTMLを取得することはできません。

同じドメインにあるフレームからのみHTMLを取得できます。

Answer 3

あなたが望むことは可能ですが、最初にXMLHttpRequestを使って外部HTMLファイルを取得する必要があると思います。

Answer 4

あなたはjQueryのを使用しているように見えるので、このようなものはかなり近いはずである。

var html; 
$.get("my_page.html", function(data){ 
    html = $(data).find('#glr1').html(); 
}); 

Answer 5

あなたは、隠された要素を作成することにページをロードした後、あなたを見つけるために、それに飛び込むことができコンテンツ。

$(function() { 
    $('body').append($('<iframe></iframe>', { 
    css: { display: none }, 
    src: 'my_page.html', 
    id: 'my_mage', 
    load: function() { 
     var html = $('#my_page').contents().find('whatever').html(); 
    } 
    }); 
}); 

Answer 6

なく、かなりをロードするための要素のIDを指定することができます。 希望のページが同じドメインと同じプロトコル上にある場合にのみ、iframeに埋め込むか、ajaxを使うことができます。 jQueryは、ajax：
$.get(url+"#"+id);のような外部ページの一部のみを取得する方法を既に実装しています。ここで、idはdivのIDです。

 
var aux = window.location.href.split('/'), 
id = 'glr1', 
page = 'my_page.html'; 
$.get(
    aux.splice(0,aux.length-1).join('/') + '/' + page + '#' + id, 
    function(){alert(arguments[0]);} 
);