使用javascript生成div和输入标记

我试图动态生成文本字段，但由于我使用material design lite，我不知道如何生成div类和输入类属性以及标签标签

以下是HTML格式的代码：

<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
        <input class="mdl-textfield__input" type="text" id="sample3" name="passengername">
        <label class="mdl-textfield__label" for="sample3">Passenger Name :</label>
</div>

乘客姓名：

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

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"));
    }
}

函数addFields（）{
var number=document.getElementById（“成员”）.value；
var container=document.getElementById（“容器”）；
while（container.hasChildNodes（））{
container.removeChild（container.lastChild）；
}
对于（i=0；i您也可以使用类似的方法生成
label
标记，对于
div
您可以创建一个容器
div
向其添加静态类名，并将
输入和
标签添加到其中。
您已经获得了
document.createElement（'div'））
，您猜不出如何创建标签？