无法单击（）div-嵌入式画面中的元素

Question

我在 this webpage 上单击嵌入式画面框架中的 "Create PDF" 按钮时遇到问题。

首先，我将 tableau-iframe 底部的导出按钮元素调用 => works。这会在 Tableau-Iframe 中打开一个弹出窗口 window。然后，我为取消按钮和实际下载按钮抓取按钮容器。但是无论我做什么，我都无法点击该死的按钮。

这是我的代码 rn:

--grab export-button and click

var exportBtn = document.getElementById("btn-export-to-pdf");
exportBtn.click();

--grab "Create PDF" (or in German "PDF Erstellen") and click it

var buttn = document.getElementsByClassName("tab-pdf-dialog-buttons")[0].children.item(1)

buttn.click(); => returns undefined

var evnt = new Event("click");

buttn.dispatchEvent(evnt); => returns true

关于如何点击这些按钮有什么建议吗？ tableau 似乎使用了 dojo，这与其中一些问题不谋而合，但我无法找出更详细的信息。

Answer 1

仅在主页中使用 javascript 运行ning 无法单击第二个按钮，因为它位于来自不同域的 <iframe> 中。您可以在 MDN.

上阅读有关同源策略的更多信息

如果您 运行 此代码位于浏览器扩展程序、selenium 或类似程序中，请更新您的问题，因为它们可能会提供一种方法来执行您想要的操作。