gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 03:52:29 25 4
gpt4 key购买 nike

我需要动态创建 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。 Handlebars.js是那里比较流行的模板引擎之一。还有一个 site这有助于您根据需要选择模板引擎。

关于javascript - 动态创建 HTML 表单的更好方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19976494/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com