javascript - 如何获取 iframe 的父 div 的 ID？

Question

我有一个看起来像这样的页面:

 <div class="myclass" id="div1"><iframe id="frame1" src="myiframe.html"></div>
 <div class="myclass" id="div2"><iframe id="frame2" src="myiframe.html"></div>

在我的 iframe 中，我需要知道其父节点的 div 的 id，但我不知道如何获取。我搜索了一个没有 jquery 的解决方案，但我发现的只是一些带有 getElementById 的东西，我实际上是在搜索 id。

有人可以帮助我吗？

Answer 1

你要知道，就你在iFrame里面的JS代码而言，窗口就是iFrame，文档就是iFrame的内容。为了父文档，这里有一个应该适合你的小函数:

var parentDoc = window;
while(parentDoc !== parentDoc.parent)
{
    parentDoc = parentDoc.parent;
}
parentDoc = parentDoc.document;
var iFrames = parentDoc.getElementsByTagName('iframe');
var divs = [];
for(var i=0;i<iFrames.length;i++)
{
    divs.push(iFrames[i].parentNode);//assuming the first parent is the div
}

这应该可以解决问题