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

JS修改

1 使用onload事件监测iframe的加载.

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

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

document.getElementById('ifm').onload = function(){
	document.getElementById('ifm')//获取到iframe
	.contentWindow//获取到iframe的window
	.document//获取到iframe的document
	.getElementById('ifmh1')//正常获取元素
	.style.color = "orange";//修改样式
};

原文地址：修改页面内引入的iframe页面内部元素的样式