如何访问不同的iframe？

Question

我正在使用在同一网页上使用不同iframe的网站。我想知道如何访问和操作我目前没有关注的iframe。

该网站有一个允许用户输入的正文，我想使用innerHTML（javascript）方法在框中设置文本的值。但是，我无法访问iframe。

以下是我尝试使用的Javascript，但它并没有像我预期的那样工作.. getElementById不是getElementsByTagName的函数（＆＃34; iframe＆＃34;）

document.getElementsByTagName("iframe")[1].getElementById("tinymce").innerHTML="Hello, world!"

以下是我正在使用的两个iframe： 我无法检查页面并手动更改iframe，因此这不是我要找的答案。谢谢你为我解决了问题！

编辑： 按照建议，我试试

document.getElementsByTagName("iframe")[1].document.getElementById("tinymce").innerHTML="Hello, world!"

但是，我仍然收到未捕获的类型错误

Answer 1

外部HTML无权访问IFRAME html。如果您打算更改HTML的一部分，那么iframe可能不是正确的解决方案。

但是，您可以将参数传递给iframe src，这将导致预期的更改。

EG。

如果您的iframe的背景需要根据外部HTML上的操作进行更改：

<iframe id="example" src="https://example.com?background="></iframe>

您可以通过使用参数

更改src网址将背景更改为蓝色

document.getElementById('example').src = "https://example.com?background=blue";

在iframe网站HTML中，您可以解析查询参数并更改背景。