javascript - 访问父 iframe 元素的容器(iframe inside iframe)

Question

我有下一个元素结构:

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

使用纯 javascript，我已经摆脱“内部”iframe 进入外部 iframe:

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

但我仍然需要访问“.container”元素才能对其进行操作。谁能告诉我如何从“.inner”元素内的脚本中获取“.container”元素？？

Answer 1

也许是这样的:

var outer = window.parent;

var mainWindow = outer.parent;

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

但不要忘记您的 iframe 必须位于同一域中。