要素が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要素を追加できます。ただappendChild() methodを使用し、input要素を作成し、希望typeとname属性を追加した後

：

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>