JS操作iframe元素

1.父页面操作子页面；

　　 父页面中嵌入<iframe id="iframe1" src="iframe1.html" width="300" height="200"></iframe>;

       //获取iframe元素,oIframe.contentWindow就是iframe1.html页面的window对象
        var oIframe = document.getElementById('iframe1');
        //demo1.html页面中的js控制了iframe1.html页面的字体颜色
         oIframe.contentWindow.document.body.style.color = 'red';

2.子页面操作父页面；　

                 //demo1.html页面中的js控制了iframe1.html页面的字体颜色
                 var oDiv = window.parent.document.body.children[0];
                    oDiv.style.color = 'red';