修改页面内引入的iframe页面内部元素的样式

onload事件监测iframe的加载.

document.getElementById('iframe').onload = function(){
     //加载完成
};

iframe加载完毕后,使用DOM元素的contentWindow属性获取到iframe标签的window;然后再使用window的document属性获取到iframe的document;之后就可以正常获取元素了.

document.getElementById('iframe').onload = function(){
	document.getElementById('iframe')//获取到iframe
	.contentWindow//获取到iframe的window
	.document//获取到iframe的document
	.getElementById('img')//正常获取元素
	.style.width= "100%";//修改样式
};

使用jquery;DOM元素和jquery元素相互转换

$("iframe").on("load", function(){
	$($(this)[0].contentWindow.document)
	.find("class").css("width","100%")
});