Javascript 如何更新或操作从父级加载到iframe中的内容？

我正在尝试创建一些编辑器。它所做的是，在我的当前站点中，我有几个输入字段，当用户输入任何单词时，我在iframe中呈现单独的html，这是单独托管的，将有一些标题、副标题和很少的其他内容。因此，如果用户在标题输入字段中键入。我想更新iframe中呈现的html页面中的标题。请分享设置此场景的正确方法是什么

尝试使用DOM id进行操作，但它的可伸缩性不强，而且很滞后。 当前正在检查WebSocket

---

我会为每个用户分配一个ID，该ID与他们的更改一起存储到数据库中。iframe将显示一个php文档，该文档从db加载值并按预期显示它们。每次更改时，只需使用相应的id重新加载php即可。在本例中，答案如下：

你可以用它来做

document.getElementById（'iframe'）.src= “数据：text/html；字符集=utf-8，”+escape（html）

---

谢谢你的回复。如果我错了，请纠正我。根据您的建议，当用户假设在标题输入字段中输入文本时。我必须在更改事件和更新db（后端）时调用api。我当前正在尝试显示预览。他们单击“保存”按钮后，只有我在后端更新。再次感谢。请参阅问题中的附件图像。这就是我试图实现的。Iframe已经有了src。我只想像预览一样显示。保存后，可以从URL正常访问网站，其中包含用户编辑的内容。我会像我的回答所建议的那样，将要编辑的页面的源加载到一个字符串中，然后加载到Iframe中。然后将此src编辑为文本，并在用户点击保存按钮后立即将其保存到文件/数据库中。我不认为像url一样直接加载到iframe中是有用的。我会尝试你的建议。如果html字符串复杂，包含更多可编辑内容，我认为搜索html并更新可编辑标题或任何内容会很复杂。