javascript - 在 iframe 中编辑另一个网页的样式的方法，即使是表面上？

Question

有什么方法可以编辑页面在 iframe 中的外观吗？我想更改特定链接的颜色，例如，iframe 中的 google 搜索。

另外，当google.com正常加载时，为什么下面的代码在javascript控制台中不起作用？

document.body.getElementsByTagName("a")[0].style.color='red';

Answer 1

即使通过 iFrame，您也无法使用 Javascript 修改来自另一个域的内容。如果你想尝试这样的事情，你可以站点抓取获取所有 html 元素，然后使用服务器端语言将它们显示在你自己的页面上（绕过 JavaScript 的域限制）。

Answer 2

您没有从一个框架到另一个从不同域加载的框架的 javascript 访问权限。

对于第二个问题，测试这个：

var test = document.body.getElementsByTagName("a");
for (var i=0; i<test.length; i++) test[i].style.color="red";

您的代码的不同之处在于我更改了所有“a”元素，而不仅仅是第一个。