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

Way to edit style of another webpage within iframe, even superficially?

本文关键字：样式 方法 即使是 表面上 网页 iframe 编辑 另一个      更新时间：2023-09-26

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

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

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

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

你没有从一个帧到另一个从不同域加载的帧的javascript访问权限。

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

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

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

相关文章：