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

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

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

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

#1楼 票数:2

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

喜欢:

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

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

  ask by user1338543 translate from so

未解决问题?本站智能推荐:

4回复

如何获得iframe的全部内容?

我需要从同一个域获取iframe的全部内容。 整个内容意味着我希望一切都从<html> (包括)开始,而不仅仅是<body>内容。 内容在加载后被修改,因此我无法再从服务器获取它。
1回复

获取 iframe 的全部内容

如何获取iframe的完整内容? iframe内容位于同一域中。 我需要有原始格式的内容。 我试过这样的事情: 这会以错误的格式返回内容,例如 我需要格式正确的内容,例如 我也尝试过XMLSerializer但我遇到了同样的情况。 返回的内容应该是一个字符串
3回复

隐藏iframe垂直滚动条并显示全部内容

我有一个iframe,其内容超出了iframe的高度。 我已经将iframe上的CSS设置为100vh的高度,但是它裁剪掉了内容。 我想显示整个内容 , 而不显示该iframe中的任何滚动条。 实现此目标的最佳方法是什么? 的HTML 的CSS 更新:我不想调整滚
2回复

如何更改此iframe内容?

示例主页,例如index.html内容: a.html内容: 我要变化 : 举例来说: 通过jQuery在index.html中 。
1回复

根据内容更改iframe的高度吗?

我有一个弹出式div,其中有一个iframe。 最初,我已根据其内容将iframe的高度设置为px。 现在,我在iframe上有一个click事件,我将从该事件重定向到另一个视图,但是该视图包含更多内容以适应高度。 因此,我想在该事件或其他视图的负载上更改iframe的高度,但无法从该
3回复

更改iframe内容jquery

我想更改我的iframe内容,但我不明白如何 使用此代码我总是有我的谷歌页面而不是喜欢的ifram
4回复

更改多个iframe的内容

我有一些项目需要使用一些数组示例更改多个iframe 我需要使用数组["<h1>tittle</h1>","<h1>tittle2</h1>"]为每个iframe更改<div class="content"><p>t
1回复

如何从iframe内容更改中得知?

有一个angularjs应用程序,我正在努力。 在我的网页中,我正在将应用程序加载到iframe -我只想知道是否ifame加载ifame 。 为此,我使用: //但是我不喜欢这样。 在iframe有许多内容需要不断加载和更改。 但是,我需要在事件中添加一个类名为.ui-gr