美文网首页
iframe 子页面改变父页面样式

iframe 子页面改变父页面样式

作者: Sun____ | 来源:发表于2019-09-30 14:58 被阅读0次

    iframe
    子窗口调节父窗口样式:

    $(window.parent.document).find("body").attr("style","background-color:#99FF00")

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

    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 子页面改变父页面样式

          本文链接:https://www.haomeiwen.com/subject/scthpctx.html