嵌入式Web的getElementsByClassName

Question

因此，我在我的小项目中嵌入了一个网站，并且希望单击该嵌入网站上的特定按钮。我尝试过

function anyFunction() {
  var x = document.getElementsByClassName("example");
  x[1].click();
  }

<embed src="embeddedwebsite" style="width:100%;height:100%;"/>

我什么也没得到。也许是因为我要单击的按钮来自嵌入式网站。 有什么办法可以修复代码。 谢谢

Answer 1

包含其他网页的正确元素是<iframe>，因此请使用以下内容：

<iframe src="embeddedwebsite"></iframe>

然后您可以通过以下方式访问其中的内容：

document.querySelector('iframe').contentWindow.document.getElementsByClassName("example");

…只要它来自同一原点。

跨源框架访问has limitations，您可以通过postMessage来解决。