如何编辑 iframe 中的内容或添加样式？

Question

我有一个 <iframe> 标签。

我不知道如何向那个 <iframe> 添加内容。

例如: ---

<iframe id="iframe" src="https://musafiroon.github.io/stackoverflow/index.html" width="200"/>

在https://musafiroon.github.io/stackoverflow上，我已经创建了3个带有属性class="text"的元素。

我想在我的Iframe中将所有这些文本都变成蓝色。

我该如何做？

我正在使用电脑，在文件夹内处理一些HTML文件。

- Musafiroon

---

这个回答解决了你的问题吗？使用CSS来影响iframe内部的div样式 或者 编辑iframe内容。 - undefined

Answer 1

iframe的src URL是否属于与主页面相同的来源？它们是否由相同的域名访问？

如果主页面和iframe内容共享一个来源

JavaScript和同源iframes

否则

您需要更改一些内容，以便它们共享一个来源。您可以将iframe内容放在代理后面，以便它与主页面的来源共享。如果您的主页面是动态站点，则可以添加一个新的端点（例如/iframe），并在请求处理程序（服务器端）中请求您的iframe内容并返回它。或者，您可以使用像AWS CloudFront或Akamai这样的CDN服务将主页面和iframe内容域合并为单个域。您将配置它，以便对/iframe/*的请求由your-iframe-content.com/*提供，并且所有其他请求都由您的主内容服务器提供。 CloudFront的解释

- alexanderbird

Answer 2

我认为你可以通过在源文件“index.html”中定义类-文本的颜色来更改iframe中内容的颜色。 您可以按照以下代码设置iframe中内容的颜色。

<style>
.text{
    color:blue;
}
</style>

与您的主要代码一起。

- Jembulingam

---

他不想触碰iframe源文件中的index.html文件。 - undefined

Answer 3

您无法编辑 iframe 标签的内容。

- Post Malone

---

怎么做呢？ - undefined

请给一个例子。 - undefined

你就是不能，就像是你网站上的一个漏洞，你只能设置它所占据的高度和宽度，或许还可以加上边框。 - undefined