0
点赞
收藏
分享

微信扫一扫

iframe样式修改

素的盐 2022-03-11 阅读 75

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

<iframe srcdoc="" frameborder="0" id="demo" style="vertical-align:top;width: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);

}

举报

相关推荐

0 条评论