更改iFrame的全部内容

时间:2012-04-17 11:12:03

标签: javascript jquery html iframe

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

例如在textarea中,我将编写以下代码:

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

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

1 个答案:

答案 0 :(得分:2)

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

喜欢:

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

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