如何预览在javascript中动态进行的更改

我正在做一个网站，用户可以改变他们的网站的特定部分。但在他们提交更改之前，我希望他们能够预览这些更改。我考虑过使用整个页面的HTML，然后编辑该函数。也许有一种方法，我仍然可以搜索并动态更改分配给innerHTML的变量。我该怎么做呢

编辑

为了进一步解释我的意思：

---

用户可以通过更改图像和文本来更新其网页。它背后的javascript代码将允许启用此功能。类似于博客的工作原理。我希望他们能够在提交更改之前预览所做的更改。

如果您能给我们一些代码示例，我们可以进一步帮助您，但根据您提供的内容，我建议您制作一个

div

，其中包含用户输入的html，检测到输入后，可以相应地更新

div.innerHTML

。但是，请确保安全地检查html中的脚本标记，因为直接从用户处执行html可能会导致用户放入一些令人讨厌的javascript并破坏您的站点

如果您决定提供一些代码，很乐意进一步提供帮助。

您可以将输入数据保存为javascript本地存储。

---

或者将输入值保存为json数组，当预览按钮单击时->将数组值加载到预览分区，并在最后提交时将该json数组传递给代码。

请包含代码学习js。我想你不明白我的意思。我会更新我的帖子，很高兴能帮助你。快乐编码：）