美文网首页
在ie下如何获取iframe 里面的dom以及修改css等操作

在ie下如何获取iframe 里面的dom以及修改css等操作

作者: web小哥MrYang | 来源:发表于2020-03-26 22:40 被阅读0次

    遇到的问题:

    项目中遇到了iframe加载的东西,结果在ie8情况下里面dom有两个空图片导致iframe的高度变大出现滚动条

    思路:1.把img图片隐藏掉    2.dom操作元素进行删除

    获取dom方法

    var box = document.getElementsByClassName("aa")[0].contentWindow;

    //document.getElementsByClassName("aa")[0]这个获取到了 类名为aa的数组加上.contentWindow转化成dom

    box.document.getElementById("#footer").style.width = "200px"

    //box.document点元素点属性等于属性值

    这个时候需要注意

    iframe的同源问题(文章末尾会说)如果不是在同一域名或是有权限的情况下或导致修改失败

    浏览器有一个同源策略限制

    第一种: 限制就是不能通过 ajax 的方法去请求不同源的文档。

    第二种: 限制是不能浏览器中不同域的 iframe 之间是不能进行js的交互操作的。

    相关文章

      网友评论

          本文标题:在ie下如何获取iframe 里面的dom以及修改css等操作

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