如何修改頁面內引入的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