Wie setze ich div innerhalb iframe ohne ein src Attribut?

Question

iframe ohne ein src-Attribut. Ich möchte das div innerhalb iframe ohne src setzen, aber es scheint schwierig für mich. Mein HTML-Code ist

<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>

Answer 1

JavaScript erreicht werden können. Überprüfen Sie das folgende Beispiel.

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>