iframe 본문에 DIV 추가하기

Question

좋은 하루,

iframe 본문에 DIV 태그를 추가하려고합니다. iframe의 콘텐츠는 내가 작업하고있는 웹 사이트의 도메인과 동일하므로 문제가되지 않아야합니다.

<div id="sampleDIV">whatever</div> 
<iframe id="custom-frame"></iframe> 

그리고 내 자바 스크립트 코드에서

, 나는이 :

// load up the the iframe with the data the user selected 
$('#custom-frame').attr("src", "/Custom/Data/" + data.id); 

// I can get find the body tag in the iframe like: 
var iframeBody = $("#custom-frame").contents().find("body"); 

var styleTag = iframeBody.append($('#sampleDIV')); 

* * 편집하지만 소스를 볼 때, 나는 div 태그를 추가 표시되지 않습니다. Chrome에서 요소를 검사 할 때 DIV 요소가 추가되지 않습니다.

* 수정 됨 PART II * 은 내가 어쩌면 너무 오랫동안이 쳐다보고, 내가 잘못 뭘하는지 볼 수

를 IFRAME하는 DIV에서 태그를 수정했습니다.

TIA,

coson는

Answer 1

당신은 iframe에 전체 HTML을 게시 할 수 있습니까? 위의 예제에서 두 div가 있고 코드는 iframe이 아니라 두 번째 div에 추가하려고합니다.

이 나를 위해 작동합니다

<div id="sampleDIV">whatever</div> 
<iframe id="custom-frame" src="page2.html" width="500" height="500"></iframe> 


<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script> 

<script> 
    $(function() { 
     var iframeBody = $("#custom-frame").contents().find("body"); 
     var styleTag = iframeBody.append($('#sampleDIV')); 
    }) 
</script>