如何在使用javascript创建元素之后添加输入字段？

Question

我想添加一个输入字段到创建的元素。这是我的代码。

var Images_to_beuploaded_cont = document.getElementById("Images_to_beuploaded_cont"); 

    var carCont = document.createElement('div'); 
    carCont.className += "multipleImageAdding"; 

    Images_to_beuploaded_cont.insertBefore(carCont, Images_to_beuploaded_cont.firstChild); 

所以，上面的代码中添加以下

<div id="multipleImageAdding"></div> 

我想要做的就是下面的代码。

<div id="multipleImageAdding"> 
    <input type="text" name="fname"> 
</div> 

这甚至有可能吗？在创建后向另一个添加元素？

Answer 1

这甚至可能吗？在创建后向另一个添加元素？

是的，您可以在追加父容器元素之前或之后添加input元素。

创建input元素添加所需type和name属性后，只需使用appendChild() method：

var input = document.createElement('input'); 
input.type = 'text'; 
input.name = 'fname'; 

carCont.appendChild(input); 

段：

var Images_to_beuploaded_cont = document.getElementById("Images_to_beuploaded_cont"); 
 

 
var carCont = document.createElement('div'); 
 
carCont.className += "multipleImageAdding"; 
 

 
var input = document.createElement('input'); 
 
input.type = 'text'; 
 
input.name = 'fname'; 
 

 
carCont.appendChild(input); 
 

 
Images_to_beuploaded_cont.insertBefore(carCont, Images_to_beuploaded_cont.firstChild);

<div id="Images_to_beuploaded_cont"></div>