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';