iframe의 콘텐츠에 스타일 적용

Question

iframe 내부 페이지가 자바 스크립트에 의해 동적으로로드됩니다.

저는 jQuery를 사용하기 때문에 이렇게 해 보았습니다.

var css2 = '<link rel="stylesheet" href="/inc/css/style.css" type="text/css"/>'; 
$("iframe").contents().find("head").append(css2); 

Firefox에서는 잘 작동하지만 IE에서는 작동하지 않습니다.

그런 다음 dom을 만들고 'createElement', 'setAttribute'를 사용하여 head 태그에 수동으로 추가합니다. IE에서는 여전히 작동하지 않습니다.

iframe을 동적으로 제어하는 ​​데 보안 문제가 있다고 생각합니다. IE와 작동시키는 방법이 있습니까?

Answer 1

이 (안된를) 시도 :

var id = '#myIframeId' 
var iframe = document.frames ? document.frames[id] : document.getElementById(id); 
var ifWin = iframe.contentWindow || iframe; 


$(ifWin).find('head').append(css2);