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

2020-03-26  本文已影响0人  web小哥MrYang

遇到的问题:

项目中遇到了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的交互操作的。

上一篇 下一篇

猜你喜欢

热点阅读