如何访问加载的 iframe 中的元素？

Question

我有一个带有捐赠箱按钮的网站。 单击它时，iframe 将作为模态添加到页面中。 我想访问 iframe 中的元素，但是当我尝试使用简单的document.getElementsByClassName('db_button')[0].click(); Cannot read property 'click' of null 命令。

在控制台中调试时，我也会收到相同的消息，直到我检查元素，然后它似乎工作正常。 我究竟做错了什么？

Answer 1

首先，获取您的 iframe 元素

document.getElementById('iframeId')或document.getElementsByTagName("iframe")

第二个表达式将得到一个列表 object，用索引得到你需要的 iframe。

其次，通过这个获取内部文件

a.contentDocument || a.contentWindow.document

然后在 iframe 的文档中进行搜索。