如何从其他网页检索具有特定ID的元素？

Question

我正在尝试从另一个网页检索具有特定ID的元素的值。我知道要在同一页面上检索元素是：

document.getElementById("thingy1");

有没有办法输入地址和ID，并返回一个值？

Answer 1

您可以使用window.open

var otherWindow = window.open(url);
var otherDocument = otherWindow.document; //<-- access the other document

这样您就可以从另一个窗口访问该文档。

我从来没有真正做到这一点（获得一个元素），但我已经用这种方式写了关于其他文档的信息。

Answer 2

jQuery load() supports loading page fragments，在同一个域上提供了目标，或者相应地配置了其CORS：

$('#container').load('http://example.com #content-to-load');

Answer 3

总的来说，您无法访问从其他域加载的页面的DOM。这就是原因：

  

在计算中，同源策略是一个重要的概念   Web应用程序安全模型。该策略允许运行脚本   源自同一网站的页面 - 方案的组合，   主机名和端口号 - 访问彼此的DOM没有   特定限制但阻止访问不同网站上的DOM 。

参见SOP：http://en.wikipedia.org/wiki/Same-origin_policy