开发者社区 问答 正文

如何修改iframe里面元素的css样式,不跨域

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

展开
收起
小旋风柴进 2016-03-13 11:15:04 8329 分享 版权
1 条回答
写回答
取消 提交回答
  • 给iframe添加onload事件,然后遍历所有img隐藏起来,注意file浏览时不用用webkit核心浏览器,如chrome和360急速模式,无法互访

     <script>
        function hideImg(i) {
            var imgs = i.contentWindow.document.getElementsByTagName('img');
            for(var i=0;i<imgs.length;i++)imgs[i].style.display='none'
        }
    </script>
    <iframe onload="hideImg(this)"
    2019-07-17 19:02:13
    赞同 展开评论
问答分类:
问答地址: