如何访问 iFrame 内的元素？

访问 iFrame 中的元素

从 iFrame 中检索元素可能是操作内容或从嵌入框架收集数据所必需的。操作方法如下：

方法：

要从 iFrame 中获取 DIV 元素，请使用以下代码：

var iframe = document.getElementById('iframeId');
var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;

或者，更简单地说：

var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;

一旦获得了innerDoc，您就可以访问DIV 元素按其 ID 使用：

innerDoc.getElementById('divId');

注意：

确保 iFrame 与父页面位于同一域以获得访问权限至关重要其内容。同源策略可以防止跨站脚本。

参考文献：

• MDN: [