如何修改页面内引入的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页面内部元素的样式


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM