iframs里子，孙页面与父，爷页面，以及多层嵌套的iframe中，js变量，方法以及元素的互相获取，调用

这几天维护老项目，我快吐了，之前用的很多都是ifram，来回嵌套界面，我变秃了，也变强了。

元素:

//  获取爷页面元素
var hideValue = $("#checkTypeId", window.parent.parent.document).val();
 
// 获取子元素
var obj = $("#iframes").contentWindow; 
var arr=obj.document.getElementsByName("parametersCheckbox"); 

// 获取孙子元素
document.getElementById("iframePipeStatics").contentDocument.getElementById("statisticalResult").style.display="block";

 

变量：

// 获取父页面变量
var wanli = parent.wanli;  

 

方法：

//  获取子页面方法
var childWindow = $("#addFrame")[0].contentWindow; 
childWindow.subFunction()

// 调用父页面方法
window.parent.change()；