如何从 iframe 中获取元素

Question

我想使用 JavaScript 从 iframe 获取元素。我尝试过以下操作：

var iframe = document.getElementById("iframe id");

var iframeWindow = iframe.contentWindow || iframe.contentDocument.parentWindow;

 iframe.onload = function(){


        alert(iframeWindow.getElementById('notice'));

    };

谁能帮我让它工作吗？

跨域

感谢回复

Answer 1

假设它们都在同一个域上；

var ifr = document.getElementById('the_iframes_id');
//or window.frames[x].
var doc = ifr.contentDocument || ifr.contentWindow.document;
alert(doc.getElementById('notice'));

如果它不在同一域中，出于安全原因您将无法访问它。

Answer 2

如果您想跨域执行此操作，那么您就不走运了。 Javascript 的安全模型不允许这样做。

我不知道您想要完成什么，但您也许可以通过服务器端脚本获得您需要的东西。 Perl/PHP/Python/Ruby/任何脚本通常都可以检索您需要的任何网页。然后它可以解析出您需要的部分，并通过 AJAX 调用将其返回到您的 Javascript。

当然，这比仅仅使用 JS 更复杂，并且假设 iframe 的内容不是动态的，此时基于 cookie 或其他会话事物。

Answer 3

document.getElementById('iframeResult').contentWindow.document.getElementById('buttonId')

其中 iframeResult 是 iframe 的 Id，buttonId 是元素的 Id