最近在做网站时遇到一个问题，需要获取不同frame中的控件，请教了一些同事，他们都说是无法取到的，

在网上查找了很多资料，找到了解决方法，现在整理一下当初的解决思路：

1、我需要在mainFrame中控制leftFrame中一个DIV控件的显示，如图示：

2、直接在mainFrame中通过document.getElementById('div1')去获取，结果取不到；

3、既然直接取不到，那我可不可以先取得leftFrame中所有的控件呢，尝试了一下，是可以的；

 1 var iObj=parent.document.getElementById('leftFrame').contentWindow; 

4、都已经取到所有控件了，那我取一个div，不是就很好取了，如下；

 1 iObj.document.getElementById('divTierNotes').style.display='none'; 

5、这样问题就解决了。

备注：

用iFrame嵌套页面时，如果父页面要获取子页面里面的内 容，可以使用contentWindow和contentDocument

contentWindow和contentDocument的区别：

>contentWindow：这是个只读属性，返回指定的iFrame的 window对象，各个主流浏览器都支持。

>contentDocument：Firefox支持，IE8以上版本支持，可 取得iFrame的document对象，需要如此访问 document.frames['leftFrame'].doucment。

完整代码：

 1 JS文件：
 2 function chkTierNoteDis(strDis)
 3 {
 4     //兼容所有浏览器
 5     var iObj=parent.document.getElementById('leftFrame').contentWindow; 
 6     iObj.document.getElementById('div1').style.display=strDis;
 7 }
 8 
 9 后台：
10 string strDis = "none";
11 ClientScript.RegisterStartupScript(this.GetType(), "key", "<script>chkTierNoteDis('" + strDis + "');</script>");