Javascript 如何在html表格中使用div类动态创建输入元素？

我可以在html表中动态创建输入元素，但我需要使用javascript创建由div包围的动态输入元素

像这样,

<td>
    <div class="autocomplete">
    <input style="height: 30px !important; width:400px;" class="form-control 
     rightalign" id="productname0">
     </div>
</td>

---

这是基本的DOM操作：

设td=document.querySelector'td'； 让div=document.createElement'div'； 让输入=document.createElement'input'； 添加'autocomplete'； input.classList.add'form-control'； input.classList.add'rightalign'； input.id='productname0'； input.style='高度：30px！重要的宽度：400px；'； div.appendChildinput， td.childdiv；

---

你的问题不是很清楚。尝试类似的方法：

var i = document.createElement("INPUT");
i.type="text";
i.setAttribute("style","height: 30px !important; width:400px;");
i.className="form-control rightalign";
i.id="productname0";  

Array.prototype.slice.apply( document.getElementsByClassName("autocomplete")).map(function(div, j){
    div.appendChild(i.cloneNode(true));
});

---

输入标签必须关闭：@MarioSantini-不，这从来都不是真的，因为在HTML5之前，除了XHTML。嗨！请通读一遍，尤其是你在这里的最佳选择是做你的研究，对于相关的话题等等，并尝试一下。如果你在做了更多的研究和搜索后陷入困境，无法摆脱困境，请发布一份你的尝试，并明确指出你陷入困境的地方。人们会很乐意帮助的。@T.J.Crowder很高兴知道，谢谢。非常感谢！。谢谢你回答这个基本问题。没问题，如果你有帮助的话，你可能想考虑一下你的答案和投票。如果我接受了我的投票标准15，你的回答不需要任何东西。