javascript - 如何在没有src属性的iframe中设置div？

没有src属性的iframe。我想在没有src的iframe中设置div，但对我来说似乎很难。我的html代码是

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

最佳答案

可以使用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>

关于javascript - 如何在没有src属性的iframe中设置div？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38872817/