动态创建 HTML 表单的更好方法

Better way to dynamically create HTML form

本文关键字：更好 方法 表单 创建 HTML 动态      更新时间：2023-09-26

我需要动态创建HTML表单。所以我可以使用 2 种方法：

1） 使用 JS 创建表单

  var myId = document.createElement("input");
  myId.setAttribute("type", "hidden");
  myId.setAttribute("name", "myId" + index);
  myForm.appendChild(myId);

等等..

2） 使用innerHTML并编写有效的 HTML 代码：

    document.getElementById("myForm").innerHTML += 
'<input type="hidden" name="myId' + index + '"/>';

什么方法更好？动态创建表单通常是什么方法？对我来说，第二种方法更具可读性

随着 HTML 大小开始增长，通过在 JavaScript 中连接字符串来创建动态表单变得难以管理。建议的方法是使用模板引擎创建动态 HTML。车把.js 是目前比较流行的模板引擎之一。还有一个网站可以帮助您根据需要选择模板引擎。

第二种方法是最好的，因为它使您可以验证页面的确切组成。 至少在我看来。

相关文章：