在iframe中编辑另一个网页的样式的方法，甚至是表面上的？

Question

有没有办法编辑页面在iframe中的显示方式？我想在iframe中更改特定链接的颜色，例如谷歌搜索。

另外，为什么google.com正常加载时，下面的代码不能在javascript控制台中运行？

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

Answer 1

您不能从一个帧访问另一个从另一个域加载的帧。

对于第二个问题，请测试一下：

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

与您的代码的不同之处在于我更改了所有＆＃34; a＆＃34;元素，而不仅仅是第一个。

Answer 2

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