如何获取关于html文件的父元素表单iframe

Question

如何从其他html＆＃39; iframe获取父元素？

我有一个父html文件，它调用其他html作为它的iframe如下：

index.html:

<iframe  id ="MainPage"  src="aa.html" style="overflow:auto"></frame>
<div id ="mainDiv"> abc </div>

然后在aa.html文件中，我想在aa.html

中获取parents元素

aa.html:

$(document).ready(function() {
    var maindiv = window.parent.document.getElementById('mainDiv');
maindiv.height(300);
});

但是当我打开index.html文件时它根本不起作用...... 我的代码有什么问题？

Answer 1

试试这个：

$(document).ready(function() 
{
    var $mainDiv = window.parent.$('#mainDiv');
    $mainDiv.height(300);
});

您还希望通过关闭IFRAME标记来修复HTML：

<iframe id ="MainPage" src="aa.html" style="overflow:auto"></iframe>