從“動態” 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內容的更多詳細信息，請點擊鏈接