Question

如何使用JavaScript从其他网页获取元素的innerHTML？

示例：

<script>
  $.get(url, function(response) {
     var $response = $(response); // Code not working from this line
     alert($response.find('.result').html()); // get innhtml of element by class name from response
  });
</script>

Answer 1

这取决于你的回复是否包含html而不是

    <script>
      $.get(url, function(response) {
         $('yourelement_selector',response).html();
      }
    </script>

Answer 2

问题1：<scrip>需要<script>

问题2：您尚未完成对get的函数调用，将);添加到脚本的末尾

除此之外，给出合适的输入，脚本works as desired。

然而，jQuery（和/或它调用的底层浏览器方法）如何变幻莫测意味着如果你想要匹配的元素是你正在加载的文档中body元素的 children ，然后它们将是jQuery对象中的顶级元素，因此您无法使用find找到它们（因为它们不是后代）。如果您想匹配此类元素，请改用filter。

Answer 3

JQuery的.load()会做到这一点：

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

此处有更多信息：http://api.jquery.com/load/

Answer 4

您可以使用以下post方法示例从其他站点获取数据并将该数据放入您的站点div / span等数据容器中。

$.post("http://www.otherweburl.com",function (data) {
        document.getElementById("htmlContainerDivOrSpanETC").innerHTML=data;
});

从另一个网页获取元素的内部html？

4 个答案: