Javascript 来自表单的HTML标记生成器

我正在做一个类似html模板生成器的东西。它将有特定的样式和标记，所以它真正需要做的就是从表单中获取输入，并将它们放在“模板”中，然后作为文本输出，以便轻松复制/粘贴。我想知道是否有更简单的方法来实现这一点，比如使用jQuery。欢迎所有建议。

jQuery提供了一系列处理DOM的方法，这些方法对于从表单创建HTML标记非常有用。它还有一些特定于表单本身的方法，如果这符合您的目的的话

看看这本书。你可能会发现有很多有用的方法

由于您正在使用表单值构建HTML，所以用输入的标记、ID和类围绕内容可能非常有价值，这些标记、ID和类可以使用外部链接的CSS文件进行样式设置。另请参见.wrapAll（）和.wrapInner（）

---

您可能会发现.html（）方法对于获取任何元素的内容也很有趣。它在某种程度上与您需要的正好相反，但它可能会派上用场。

jQuery提供了一系列处理DOM的方法，这些方法对于从表单创建HTML标记非常有用。它还有一些特定于表单本身的方法，如果这符合您的目的的话

看看这本书。你可能会发现有很多有用的方法

由于您正在使用表单值构建HTML，所以用输入的标记、ID和类围绕内容可能非常有价值，这些标记、ID和类可以使用外部链接的CSS文件进行样式设置。另请参见.wrapAll（）和.wrapInner（）

---

您可能会发现.html（）方法对于获取任何元素的内容也很有趣。它在某种程度上与您需要的相反，但它可能会派上用场。

如果我错了，请纠正我，但据我所知，这会操纵DOM中的内容。如何将其输出为文本以供复制/粘贴？如果您试图像示例一样显示HTML输出，则可以将生成/处理的HTML环绕到一个文本中。生成的HTML将在页面DOM中，但我认为这不是一个真正的问题，因为您无论如何都要显示它。好的，这部分已经解决了，如果我想从输入标记中获取文本，该怎么办？我必须先“操作=发布”表单吗？因为输入标记中的信息还不在DOM中。如果需要从表单中获取文本或其他值，请检查。至于把信息放在哪里，你可以用多种方法来处理。就我个人而言，我会在你添加到的DOM中已经有一个隐藏的div，一旦javascript被处理，你就可以用生成的HTML周围的文本区域显示该div。假设有人没有填写某个表单输入，那么该值将最终为“[object HTMLInputElement]”。最好的办法是让一个“if”输入为空，然后忽略它类型的语句？如果我错了，请纠正我，但据我所知，这会操纵DOM中的内容。如何将其输出为文本以供复制/粘贴？如果您试图像示例一样显示HTML输出，则可以将生成/处理的HTML环绕到一个文本中。生成的HTML将在页面DOM中，但我认为这不是一个真正的问题，因为您无论如何都要显示它。好的，这部分已经解决了，如果我想从输入标记中获取文本，该怎么办？我必须先“操作=发布”表单吗？因为输入标记中的信息还不在DOM中。如果需要从表单中获取文本或其他值，请检查。至于把信息放在哪里，你可以用多种方法来处理。就我个人而言，我会在你添加到的DOM中已经有一个隐藏的div，一旦javascript被处理，你就可以用生成的HTML周围的文本区域显示该div。假设有人没有填写某个表单输入，那么该值将最终为“[object HTMLInputElement]”。最好的办法是使“if”输入为空，然后忽略它，这是语句的类型吗？