如何修改iframe中的样式

首先给iframe标签起一个id，页面加载完毕后，在这个id 的contentWindow中找到你要修改的标签的id

window.onload=()=>{

        var_iframe=document.getElementById('outBox').contentWindow.document.getElementById('map')//iframe下的id

        _iframe.style.background="pink"//修改样式

    }

让iframe自适应浏览器的高度和宽度的具体步骤如下：

1、首先设置样式：body{margin:0padding:0}。

2、如果不设置body的margin和padding为0的话，页面上下左右会出现空白。

代码如下：<iframe src=://fulibac id="myiframe" scrolling="no" frameborder="0"></iframe>。

3、这个方法可以达到让iframe自适应高度的效果，但是如果将窗口放大或缩小效果就不出来了，也就是本文开头讲的。

需要再次刷新，那就不属于自适应了。

代码是：

var ifm= document.getElementById("myiframe")

ifm.height=document.documentElement.clientHeight

---