开发者社区> 问答> 正文

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

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

展开
收起
小旋风柴进 2016-03-13 11:15:04 8118 0
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
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载