如何从其他网站提取特定的 div 并显示在我的网站上？

Question

请帮我解决这个问题，我真的坚持这一点。我想嵌入一个特定的div（我知道ID），他的名字是：来自这个网站的'content'：http://www.meteox.com/forecastloop.aspx?type=2&continent=europa 我尝试了许多不同的方法，但没有结果，一个是这样的：

<script>
var iframe = document.getElementById("iframe");
var div = document.getElementById("PlaceToPutTable");
div.innerHTML = iframe.contentWindow.document.getElementById("content").innerHTML;
</script>

<div id="PlaceToPutTable"></div>
<iframe id="iframe" src="http://www.meteox.com/forecastloop.aspx?type=2&continent=europa"></iframe>

请帮我解决这个问题，非常感谢您！

Answer 1

您无法访问 iframe 的内容，因为它是跨域的。还有一些其他问题，例如您正在尝试获取未加载的 iframe 内容。

我建议异步获取文档，也许使用 jQuery，而不是使用 iframe。