在javascript中使用输入标签添加表格行的按钮

Question

我有一个带有不同用户输入的表。我希望用户能够添加更多行。

<table>
    <tbody id="tbody_ID">
        <tr>
            <td><input type="text"></td>
            <td><input type="text"></td> 
            <td><input type="text"></td>
        </tr>
    </tbody>
</table>

<input type="button" onclick="add_row();"/>

这有效。

function add_row()
{
    document.getElementById("tbody_ID").insertRow(1).innerHTML = "<td>test</td>";
}

但这不是。

function add_row()
{
    document.getElementById("tbody_ID").insertRow(1).innerHTML = "<td><input type="text"></td>";
}

我使用了另一个函数来克隆整个表行。

function add_row()
{
    var table_row = x.parentNode.parentNode.cloneNode(true);
    document.getElementById("tableID").appendChild(table_row);
}

但是我不希望所有列都与原始列相同。