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';
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步