Question

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

像这样

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

Answer 1

您的问题不是很清楚。尝试类似的事情：

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

Answer 2

这是基本的DOM操作：

let td = document.querySelector('td');
let div = document.createElement('div');
let input = document.createElement('input');

div.classList.add('autocomplete');
input.classList.add('form-control');
input.classList.add('rightalign');
input.id = 'productname0';
input.style = 'height: 30px !important; width:400px;';

div.appendChild(input),
td.appendChild(div);

<table><tr><td></td></tr></table>

如何在html表中动态创建带有div类的输入元素？

2 个答案: