如何在 Javascript 中添加 1 个以上的输入标签

How can i add more than 1 input tag in Javascript

提问人:Moein_fadakar 提问时间:9/11/2023 最后编辑:JamiecMoein_fadakar 更新时间:9/11/2023 访问量:34

问:

这是我的 creat 元素标签:

const addinput = document.createElement("input");

这是我添加的btn:

const addbtn = document.querySelector("#plus")

功能是:

addbtn.onclick = function(){

    childrendiv.appendChild(addinput);

     addinput.style.width = "60vh";

     addinput.style.height = "5vh";

     addinput.style.margin = "3vh";

     addinput.style.fontWeight = "bolder";

     addinput.style.fontFamily = "'Lilita One', cursive";

}

如何在 Javascript 中添加多个输入标签?

JavaScript HTML 函数 输入 元素

评论

2赞 Daniel A. White 9/11/2023
不止一次打电话!createElement
1赞 mykaf 9/11/2023
我想我会在 onclick 函数中声明。addinput
0赞 epascarello 9/11/2023
@DanielA.White,该代码不正确。
0赞 epascarello 9/11/2023
当您这样做时,它会创建一个元素。当你追加时,你正在使用那个元素。由于元素只能位于一个地方,因此它会移动到该新位置。如果你想拥有多个,你要么需要克隆它,要么你需要在函数内移动创建行。const addinput = document.createElement("input");

答:

4赞 Jamiec 9/11/2023 #1

将变量的初始化移动到方法中:addInput

addbtn.onclick = function(){

    const addinput = document.createElement("input");

    childrendiv.appendChild(addinput);
    addinput.style.width = "60vh";
    addinput.style.height = "5vh";
    addinput.style.margin = "3vh";
    addinput.style.fontWeight = "bolder";
    addinput.style.fontFamily = "'Lilita One', cursive";
}