2017-02-22 103 views
1

我想添加一個輸入字段到創建的元素。這是我的代碼。如何在使用javascript創建元素之後添加輸入字段?

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> 

這甚至有可能嗎?在創建後向另一個添加元素?

+0

當然,是的。只需將appendChild輸入到div即可。 –

回答

1

這甚至可能嗎?在創建後向另一個添加元素?

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

創建input元素添加所需typename屬性後,只需使用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>

+0

這工作就像一個魅力。現在,我必須弄清楚如何在div的底部添加它,如果我甚至在該div內添加另一個元素。謝了哥們。 – Divern

相關問題