更改iFrame的全部内容

Question

我有一个textarea，我不想添加组成完整网页的HTML代码，当我输入时，这个内容将在iframe中呈现

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

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

我的问题是，我不知道如何访问iFrame以更改其完整内容，以便与上面的内容相匹配

Answer 1

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

喜欢：

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

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