javascript - 在 JavaScript 中的动态位置添加文本框

Question

我想在表单的动态位置添加一些文本框。

说这样的话

我有这样的 JavaScript:

    function addRow(tableID) {

        var table = document.getElementById(tableID);

        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);

        var cell1 = row.insertCell(0);
        var element1 = document.createElement('<input type="checkbox" name="chk">');
        cell1.appendChild(element1);

        var cell4 = row.insertCell(3);
        var element4 = document.createElement('<INPUT type="text" name="SubpartID"/>');
        cell4.appendChild(element4);

        var cell5 = row.insertCell(4);
        var element5 = document.createElement('<INPUT type="text" name="Quantity" value="1" />');
        cell5.appendChild(element5);

    }

但是这个脚本的问题是，当我单击“添加子部分输入行”按钮时，我可以看到添加了一个新行，但其中只有复选框。

我猜 cell4.appendChild(element4); 和 cell5.appendChild(element5); 不起作用。

所以输出看起来像这样，

你能帮忙吗？

Answer 1

似乎您使用了 document.createElement 的方式错误。你需要这样做:

var element5 = document.createElement('input');
    element5.type = 'text';
    element5.name = 'Quantity';
    element5.value = 1;
cell5.appendChild(element5);

除了属性和值不同之外，其余部分应该相同。