javascript - 更改 iFrame 的全部内容

Question

我有一个文本区域，我不想在其中添加构成完整网页的 HTML 代码，并且当我键入时，此内容将呈现在 iframe 中

例如，在 textarea 中，我将编写以下代码：

<!DOCTYPE html>
<html>
    <head>
        <title>Live generate</title>
        <style></style>
    </head>
    <body>
    </body>
</html>

我的问题是我不知道如何访问 iFrame 以更改其全部内容，使其与上述内容匹配

score 2 · Accepted Answer

您应该能够通过 document.getElementsById 或通过 jquery 的 id 获取 iframe，然后获取其文档，打开它并写入它。

喜欢：

var iframe = $("iframe"); // or by Id $("#myIframeId")
var doc = iframe.document;

doc.open();
doc.write($("#myTextArea").text());
doc.close();

1 回答 1