如何获取有关HTML文件的父元素表单iframe

Question

How to get parent element form other html's iframe?

i have a parent html file, and it call other html to be it's iframe as following:

index.html:

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

Then in the aa.html file, i want to get the parents element in the aa.html

aa.html:

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

But it doesn't work at all when i open the index.html file... what wrong with my code?

Answer 1

Try this:

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

You also want to fix your HTML by closing the IFRAME tag:

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