src属性のないiframe内のdivを設定するにはどうすればよいですか？

iframeにsrc属性がありません。私はsrcなしでiframe内のdivを設定したいが、私にとっては難しいようだ。私のhtmlコードはsrc属性のないiframe内のdivを設定するにはどうすればよいですか？

<div class="demo-wrapper"> 
 
    <iframe src=""> 
 
    <div> 
 
     <p>Hello World</p> 
 
     <p>Hello World</p> 
 
     <p>Hello World</p> 
 
     <p>Hello World</p> 
 
     <p>Hello World</p> 
 
     <p>Hello World</p> 
 
     <p>Hello World</p> 
 
     <p>Hello World</p> 
 
     <p>Hello World</p> 
 
    </div> 
 
    </iframe> 
 
</div>

出典

2016-08-10 Hitesh Chauhan

[IFRAMEの内部のdiv要素を挿入]の可能な重複（http://stackoverflow.com/questions/29571365/inserting-a-div-element-inside-of- an-iframe） –

[コンテンツをiFrameに挿入]の複製も可能です（http://stackoverflow.com/questions/21795761/insert-content-into-iframe） – spoq

なぜこれをやりたいですか？ Iframeはあなたの内部に別のウェブサイトの一部を挿入するためのものです。空の（no src）iframeは役に立たない。 –

ではJavaScriptを使用して達成することができるです。以下の例を確認してください。

var html = document.getElementById("iframeCont").innerHTML; 
 
var iframe = document.getElementById("myiframe"); 
 
iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html);

<div class="demo-wrapper"> 
 
    <iframe id="myiframe" src=""> 
 
    </iframe> 
 
    <div id="iframeCont" style="display: none"> 
 
    <p>Hello World</p> 
 
    <p>Hello World</p> 
 
    <p>Hello World</p> 
 
    <p>Hello World</p> 
 
    <p>Hello World</p> 
 
    <p>Hello World</p> 
 
    <p>Hello World</p> 
 
    <p>Hello World</p> 
 
    <p>Hello World</p> 
 
    </div> 
 
</div>

出典

2016-08-10 12:02:59 Pugazh

ありがとうございました –

結果に誤字はありますか？このコードは、OPが要求したように、iframeの外にあります。 – patrick

@パトリック：外部のコードは、データを保持するための単なるコンテナです。 JSを使用してiframeにコピーされています。 – Pugazh

src属性のないiframe内のdivを設定するにはどうすればよいですか？

答えて

関連する問題