父页面新增iframe子页面时修改子页面样式

最新推荐文章于 2024-07-24 02:21:30 发布

H_MZ

最新推荐文章于 2024-07-24 02:21:30 发布

阅读量5.3k

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/yxmBetter/blog/1422542

版权

2019独角兽企业重金招聘Python工程师标准>>>

怎样修改新增的子页面ifame样式呢？

父页面div盒子shareErwei,新增iframe代码

$('.shareErwei').html('<iframe onload="shareIframeImg(this)" frameborder="0" id="shareIframe" src="test.html" /></iframe>');

修改子页面iframe的样式

function shareIframeImg(i) {
        //获取弹出页面中的img标签
	var imgs = i.contentWindow.document.getElementsByTagName('img');
	for(var i = 0; i < imgs.length; i++) {
		imgs[i].style.display = 'block';
		imgs[i].style.height = '100%';
		imgs[i].style.margin = '0 auto';
		imgs[i].style.userSelect = 'initial';
		imgs[i].style.webkitUserSelect = 'initial';
		imgs[i].style.mozkitUserSelect = 'initial';
		imgs[i].style.mskitUserSelect = 'initial';
		imgs[i].style.khtmlkitUserSelect = 'initial';
	}
}