使用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 load函数允许您指定要加载的元素id

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

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

Answer 2

因为看起来您使用的是jQuery，所以类似下面这样的代码应该非常接近：

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

Answer 3

您可以创建一个隐藏的<iframe>元素，将页面加载到该元素中，然后深入其中查找您的内容。

 $(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();
     }
   });
 });