从“动态”iframe 访问 DOM答案

【问题标题】：Access DOM from 'dynamic' iframe从“动态”iframe 访问 DOM
【发布时间】：2016-11-12 21:01:18
【问题描述】：

我正在开发一个可以改变现有网页的简单 Chrome 扩展程序。不幸的是，该网页使用了一些 iframe，这使得访问 DOM 更加困难。

我想从mainFrame 访问元素，但它的内容似乎是动态生成的（不太确定这是如何工作的）。 src 指的是空的 blank.htm。

document.getElementById("mainFrame").contentDocument

这会得到空blank.htm的内容

<frame src="blank.htm" name="mainFrame" id="mainFrame" title="mainFrame" />

还有这个：

document.getElementById("mainFrame")

我可以看到 DOM，但我不知道如何进一步选择元素。我也许可以使用 ...('mainFrame").childNodes[i] 访问它们，但我更愿意使用它们的类或 ID 来选择它们。

【问题讨论】：

【解决方案1】：

无法从父文档访问 iframe dom 内容。你唯一能做的就是反过来，是的，你可以从 iframe 访问父文档的 DOM。由于安全原因，这些都受到限制。但是您可以通过 chrome 扩展功能访问它们（如果您正在使用 chrome 扩展）。

有关在 chrome 扩展中访问 iframe 内容的更多详细信息，请关注link

【讨论】：