首页 > Web开发 > 详细

JS操作iframe元素

时间:2019-10-18 09:43:13      阅读:62      评论:0      收藏:0      [点我收藏+]

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

 

JS操作iframe元素

原文:https://www.cnblogs.com/enych/p/11696335.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!