javascript - 从嵌入式 Web 获取ElementsByClassName

标签 javascript html getelementsbyclassname

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

function anyFunction() {
  var x = document.getElementsByClassName("example");
  x[1].click();
  }
<embed src="embeddedwebsite" style="width:100%;height:100%;"/>

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

最佳答案

包含另一个网页的正确元素是 <iframe>所以从使用它开始:

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

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

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

…只要它是同源的。

跨源框架访问 has limitations您可以通过 postMessage 解决此问题.

关于javascript - 从嵌入式 Web 获取ElementsByClassName,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51861215/

相关文章:

javascript - 如何使用javascript中的浏览按钮读取所选文件的内容

html - div 中的 CSS 对齐仍然存在问题

html - CSS下拉菜单在下拉菜单上缩进

html - 空白在 Firefox 上不起作用

design-patterns - 主干 : Multiple views subscribing to a single collection's event? 这是一种不好的做法吗?

javascript - document.getElementById ("…").className = "…";无法在 IE 中工作

javascript - 如何将默认的谷歌地图信息窗口滚动条移动到关闭按钮的右侧?

javascript - 使用 JavaScript 读取 'hidden_elem' 评论

javascript - getElementsByClassName 不起作用,但 getElementById 可以吗?

javascript - 根据下一个元素的类显示/隐藏一个元素