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

段：

＆＃13;

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

＆＃13;

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

＆＃13;

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

1 个答案: