iframe 子页面改变父页面样式

Posted Sun_

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe 子页面改变父页面样式相关的知识,希望对你有一定的参考价值。

iframe

子窗口调节父窗口样式:

$(window.parent.document).find("body").attr("style","

父元素改子元素样式(不跨域):

document.getElementById(‘iframeID‘).contentWindow.document.body.style.backgroundColor="#f00";

例如:

var topWindow=$(window.parent.document);

var iframe_box=topWindow.find("#iframe_box");//获取Iframe
iframe_box.find(".show_iframe").hide()

从多个iframe中查找元素

var topWindow = $(window.parent.document);
var $iframe = topWindow.find(‘#moreQuotes .moreStock_iframe‘);         
$iframe.contents().find(‘input.sunPageSearch‘).siblings(‘ul‘).css(‘display‘, ‘none‘);

 

以上是关于iframe 子页面改变父页面样式的主要内容,如果未能解决你的问题,请参考以下文章

jquery,iframe,如何在父窗口监听,子窗口发生改变时,父窗口获取子窗口的值

iframe 子页面获取父页面的元素并且控制样式

在父页面中如何修改iframe中嵌套的子页面的字体大小和样式,急!急!貌似涉及到了跨域的问题希望各

子页面是iframe框架中 子页面改变父页面的值

怎么用js代码复制父标签底下子标签以及样式,再将子标签加入到父标签中

iframe 怎么继承父页面的 css 和 js