从“动态”iframe访问DOM

Question

我正在开发一个改变现有网页的简单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来选择它们。

Answer 1

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

有关在Chrome扩展程序中访问iframe内容的详细信息，请按照link

进行操作