为什么iframe不可编辑？

Question

我称之为两个属性：

console.log(iframe_textarea.textContent);
console.log(iframe_textarea.isContentEditable);

结果如预期：＆＃34;你好＆＃34;而且是真的。然而，文字＆＃34;你好＆＃34;没有显示在iframe中，我也无法向iframe插入文字。另一件需要注意的事情是，当我打开设计模式时，它工作正常。那么这里有什么问题？

<iframe id="iframe_textarea" src="iframe.php"></iframe>


<script>
iframe_textarea = document.getElementById('iframe_textarea');

iframe_textarea.contentEditable = true;
iframe_textarea.textContent = "hello";
</script>

Answer 1

要编辑iframe，您必须正确访问iframe正文，因此您所做的是添加属性textContent，其值为“hello”。

var frame = document.getElementById("myframe");
var frameContent = (frame.contentWindow || frame.contentDocument);
var frameBody = frameContent.body;
frameBody.innerHTML = " hello";

通过使iframe可编辑，您可以选择立即写入正文。

希望这有帮助