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>

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

有人能帮我吗？

Answer 1

你要知道，就你的iFrame里面的JS代码而言，window就是iFrame，document就是那个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
}

这应该够了吧

Answer 2

试试这样：

parent.document.getElementById("div id")

var parentDivOfIfame1 = $("#frame1", parent.document).parent();