首頁 >web前端 >html教學 >如何修改iframe里面元素的css样式,不跨域_html/css_WEB-ITnose

如何修改iframe里面元素的css样式,不跨域_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-21 09:03:001757瀏覽

请教一下,如何修改iframe里面元素的css样式,不跨域。
我现在iframe里面加载了一个html文件,html里面的内容无法修改,是其他程序生成的。
但是里面的图片无法显示,现在需要把iframe里面的html的所有图片全部隐藏起来,应该如何实现呢?方法能兼容IE所有浏览器。谢谢


回复讨论(解决方案)

http://bbs.csdn.net/topics/390080209

js控制。。。。

如何控制,能帮忙写一个实例好么。。

已解决,贴出解决方法

<script>    function hideImg(i) {        var imgs = i.contentWindow.document.getElementsByTagName('img');        for(var i=0;i<img s.length;i++)imgs[i].style.display='none'    }</script alt="如何修改iframe里面元素的css样式,不跨域_html/css_WEB-ITnose" ><iframe onload="hideImg(this)"

给iframe添加onload事件,然后遍历所有img隐藏起来,注意file浏览时不用用webkit核心浏览器,如chrome和360急速模式,无法互访

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn