Javascript 文本区域内的文档写入不起作用

这段代码应该允许我使用document.write语句的textarea。 最重要的是，当我在文本区域中写作时，代码在框中保持不变。但是，周围环境应根据文本区域中的书面文本进行相应的更改。对我来说很重要的一点是，该函数调用present元素（event.target | | event.src元素）

我不知道为什么它不起作用。 也许你有个主意

函数cDoc（）{//update
var e=event.target | | event.src元素；
var newText=e.innerHTML；
让doc=document.implementation.createHTMLDocument（“新文档”）；
doc.open（）；
文件写入（新文本）；
doc.e=document.e；//此行应将旧代码保留在textarea中
doc.close（）；
}

这是我的正文

textarea有一个值，而不是innerHTML

您不能使用document.write。它是一个文档，而不是一个窗口-您需要一个子对象

你没有对医生做任何事情，所以不可能看到发生了什么

这里的例子

使用你的文本earea

使用

这是我的正文

-textarea也没有innerHTML，它有值。您不能使用user document.write。这是一个文档，不是一个窗口-你需要一个文本框，但我需要在iframe中有文本区域。在您的示例中，textarea位于iframe之外。我不明白。代码中没有任何iframe。你说得不太清楚，谢谢你的误会。我的意思是id=“ta”的textarea应该放在id=“theFrame”的iframe中。我知道这是可以做到的，因为我有一个这样的代码，但它只显示在第二次按键，我不知道为什么？函数updateAccode（direction）{if（direction==“DocCode”）{document.getElementById（“HTML\u Dcode\u路径”）.innerHTML=getFullDoc（document）document.getElementById（“HTML\u Diframe\u code\u路径”）.innerHTML=getFullDoc（iframe.contentWindow.document）；}其他{document.getElementById（“HTML\u Dcode\u路径”）.innerHTML}}请用相关例子更新问题

document.getElementById("ta").addEventListener("input", function(e) {
  const frame = document.getElementById("theFrame");
  const doc = document.implementation.createHTMLDocument("New Document");
  const div = doc.createElement("div");
  div.innerHTML = this.value;

  try {
    doc.body.appendChild(div);
  } catch (err) {
    console.log(err);
  }

  // Copy the new HTML document into the frame

  const destDocument = frame.contentDocument;
  const srcNode = doc.documentElement;
  const newNode = destDocument.importNode(srcNode, true);

  destDocument.replaceChild(newNode, destDocument.documentElement);
})

<textarea id="ta"><p>This my body text.</p></textarea>
<hr/>
<iframe id="theFrame" src="about:blank"></iframe>