Javascript 在文本框中加载包含内容的iframe

我在同一个html中创建了一个文本框和一个iframe。我想将文本框中呈现的“html”加载到html中。我使用的是javascript按钮点击事件，但没有得到渲染。请帮忙，我找不到我犯错误的地方

HTML:

<button onClick="convert()">Run</button> 

<textarea id="mycode">
    Hello World!
</textarea>

<iframe id="display"></iframe>

有人能帮忙吗，出什么事了？

换个新的就行了

document.getElementById('display').innerHTML = x;

与

替换

document.getElementById('display').innerHTML = x;

与

---

您不能使用Javascript（或jQuery）操作iframe，因为iframe本质上是一个单独的网页。这是出于安全目的，以防止某个网站将恶意脚本嵌入到可针对主机页的iframe中。据我所知，这是没有办法的。一般来说，使用iframe不是一个好的实践。

不能使用Javascript（或jQuery）操作iframe，因为iframe本质上是一个单独的网页。这是出于安全目的，以防止某个网站将恶意脚本嵌入到可针对主机页的iframe中。据我所知，这是没有办法的。一般来说，使用iframe不是一种好的做法。

尝试将

iframe

的

src

设置为

textarea

值

x

函数转换（）
{
var x=document.getElementById（'mycode'）。值；
document.getElementById（'display'）.src=“data:text/plain，”+x；
}

运行
你好，世界！

尝试将

iframe

的

src

设置为

textarea

值

x

函数转换（）
{
var x=document.getElementById（'mycode'）。值；
document.getElementById（'display'）.src=“data:text/plain，”+x；
}

运行
你好，世界！

我正在浏览同一任务的答案。好吧，公认的答案确实有点帮助，但主要任务是呈现“HTML”。它使用iframe标记的属性工作

函数转换（）
{
var x=document.getElementById（'mycode'）。值；
document.getElementById（'display'）.srcdoc=x；
}

运行
你好，世界！

我正在浏览同一任务的答案。好吧，公认的答案确实有点帮助，但主要任务是呈现“HTML”。它使用iframe标记的属性工作

函数转换（）
{
var x=document.getElementById（'mycode'）。值；
document.getElementById（'display'）.srcdoc=x；
}

运行
你好，世界！

document.getElementById('display').contentWindow.document.body.innerHTML = x