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

Question

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

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 + '"/>';

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

Answer 1

随着HTML大小开始增长，通过在javascript中连接字符串来创建动态表单变得无法管理。 建议的方法是使用模板引擎来创建动态HTML。 Handlebars.js是最受欢迎的模板引擎之一。 还有site可帮助您根据需要选择模板引擎。

Answer 2

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