如何修改iframe中的样式

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

window.onload=()=>{

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

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

    }

修改iframe内部元素样式，并且内部内容高度自适应：

<iframe srcdoc="" frameborder="0" id="demo" style="vertical-align:topwidth:80%" onload="getIframeDom()"></iframe>

function getIframeDom(){

$("#demo").contents().find("p").css('margin','0')

$("#demo").contents().find("body").css('margin','0')

changeFrameHeight()

}

window.onresize=function(){

changeFrameHeight()

}

function changeFrameHeight(){

var ifm= document.getElementById("demo")

var iheight=$("#demo").contents().find("body").height()

$("#demo").height(iheight)

}

---