【问题标题】:Iframe content to store in textarea [duplicate]要存储在 textarea 中的 iframe 内容 [重复]
【发布时间】:2014-12-10 09:24:32
【问题描述】:

有没有办法使用纯 JavaScript 从 iframe 中检索内容并将其存储在 textarea 中? 我已经使用以下代码从 iframe 中删除了内容:

function getIframeContent(){
 var frameObj = document.getElementById(frameId);
 var frameContent = frameObj.contentWindow.document.body.innerHTML;
 alert("frame content : "+frameContent);
 }

现在如何将它存储在textarea中??

【问题讨论】:

标签: javascript html css


【解决方案1】:

您可以像这样在TextArea 中显示 iFrame 的内容

 document.getElementById('YourTextArea').innerHTML = frameContent;

或使用Value 属性:

document.getElementById('YourTextArea').value = frameContent;

我用第一种方法为你做了一个quick demo

这将返回一个包含任何 html 标记的字符串。因此,例如,如果您的 iframe 包含一个列表,该方法将返回一个 html 列表。

代码如下:

<body>
    <div id="frameId">
      <ul>
        <li id="item1">Coffee</li>
        <li id="item2">Tea</li>
      </ul>
    </div>

    <p>Click the button get the HTML content of the iframe.</p>

    <textarea id="demo"></textarea><br/>

    <button onclick="myFunction()">Try it</button>

  <script>
    function myFunction() {
        var frameContent = document.getElementById("frameId").innerHTML;
        document.getElementById("demo").innerHTML = frameContent;
    }
  </script>
</body>

【讨论】:

  • 是我回答的语气还是你抱怨的格式?如果是前者,我没有批评任何人;如果是后者,我已经看到很多这样的答案。
  • 看起来确实更像是一个建议。你是对的,尽管社区付出了巨大的努力,SO 还需要更多的清洁。
  • “为什么不尝试”的使用表明这不是一个答案,而是一个澄清的要求。
  • 我已经更新了我的答案,感谢 cmets
  • 但它可以将样式化的文本内容存储在我从 iframe 中获取的 textarea 中吗??
猜你喜欢
  • 1970-01-01
  • 2018-12-09
  • 1970-01-01
  • 2013-08-31
  • 2012-05-28
  • 2015-07-09
  • 1970-01-01
  • 2013-10-11
  • 1970-01-01
相关资源
最近更新 更多