Question

我试图动态生成textField，但是由于使用的是Material Design Lite，因此我不了解如何生成div类和输入类属性以及标签。

这是HTML中的代码：

function addFields(){
    var number = document.getElementById("member").value;
    var container = document.getElementById("container");
    while (container.hasChildNodes()) {
        container.removeChild(container.lastChild);
    }
    for (i=0;i<number;i++){
        var div = document.createElement('div');
        container.appendChild(document.createTextNode("passengername " + (i+1)));
        var input = document.createElement("input");
        input.type = "text";
        container.appendChild(input);
        container.appendChild(document.createElement("br"));
    }
}

进行了一些搜索，找到了以下脚本，但不知道如何为标签生成标签标签和类属性：

numinput()

代码生成文本字段，但没有在CSS中应用设计，因为我没有使用js生成类属性。

Answer 1

您也可以使用类似的方法来生成label标签，并且对于div，您可以创建一个容器div，在其中添加静态类名称并附加{{1 }}和input。

使用JavaScript生成div和输入标签

1 个答案: