父iframe元素的访问容器(Iframe在iframe内)

Question

我有下一个元素结构：

<div class="container">
  <iframe class="outer">
    ..
      <iframe class="inner">
        actual markup with scripts here
      </iframe>
  </iframe>
</div>

使用纯javascript，我已经将“内部”iframe从“内部”转到外部：

//this is HTML tag of ".outer" iframe
var parent = window.parent.document.getElementsByTagName('html')[0];

但是，我仍然需要使用".container“元素来操作它。有人能告诉我如何从".container“元素的脚本中获取".inner”元素吗？

Answer 1

也许这是：

var outer = window.parent;

var mainWindow = outer.parent;

var container = mainWindow.document.getElementsByClassName('container')[0];

但是，不要忘记，你的iframes必须在同一领域。

Answer 2

我会试着

var containerElement = window.frames.top.top.document.getElementsByClassName('container')[0];

但是要小心:如果您试图打破您的框架，并希望访问一个具有不同域、端口或协议的文档，您的浏览器(希望如此)会返回这样的异常：

Uncaught :阻止原名为"null“的帧访问原名为"null”的帧。协议、域和端口必须匹配。