Javascript添加行，一个用于不同表的函数

我有几张这样的桌子

<table id="table_1">
<tr>
<td><input type="text" name="date[]"</td>
</tr>
</table>

使用jQuery可以这样做：

编辑：
对不起，我没有看到你想要纯JS

jQuery

$('button').click(function(){
    var table = $(this).prev('table');
    var lastrow = $('tr:last-child', table).html();
    table.append('<tr>' + lastrow + '</tr>');
});

$（“按钮”）。单击（函数（）{
var table=$（this.prev（'table'）；
var lastrow=$（'tr:last child'，table）.html（）；
表.追加（“”+最后一行+“”）；
});

HTML

<table>
    <tr>
        <th>Name</th>
        <th>Country</th>
        <th>Age</th>
    </tr>
    <tr>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
    </tr>
</table>

<button>Add a row</button>

<table>
    <tr>
        <th>Meal</th>
        <th>Price</th>
    </tr>
    <tr>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
    </tr>
</table>

<button>Add a row</button>


名称
国家
年龄
添加一行
一餐
价格
添加一行

也许这就是你需要的：


酒吧
函数cloneRow（）{
var row=document.getElementById（“rowToClone”）；//查找要复制的行
var table=document.getElementById（“tableToModify”）；//查找要附加到的表
var clone=row.cloneNode（true）；//也复制子项
clone.id=“newID”；//更改id或其他属性/内容
table.appendChild（clone）；//将新行添加到表的末尾
}
函数createRow（）{
var row=document.createElement（'tr'）；//创建行节点
var col=document.createElement（'td'）；//创建列节点
var col2=document.createElement（'td'）；//创建第二列节点
row.appendChild（col）；//将第一列追加到行
appendChild（col2）；//将第二列追加到行
col.innerHTML=“qwe”//将数据放入第一列
col2.innerHTML=“rty”//将数据放入第二列
var table=document.getElementById（“tableToModify”）；//查找要附加到的表
table.appendChild（行）；//将行追加到表中
}

请参阅：
从
.querySelectorAll（）
或
开始。您能提供一个示例或教程页吗？.getElementsByTagName（）也是一个问题，标记名不知道，它因表格而异。是的，可能有一个通用函数，但请定义“具有正确内容”。这些内容是从哪里获取的？上一行？标记名称将为
表
。它是如何改变的呢？一个快速的谷歌搜索将为你带来数百个教程。这不是这个网站的目的。我们在这里帮助您解决一段代码中指出的问题。
<table>
    <tr>
        <th>Name</th>
        <th>Country</th>
        <th>Age</th>
    </tr>
    <tr>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
    </tr>
</table>

<button>Add a row</button>

<table>
    <tr>
        <th>Meal</th>
        <th>Price</th>
    </tr>
    <tr>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
    </tr>
</table>

<button>Add a row</button>

<input type="button" onclick="cloneRow()" value="Clone Row" />
<input type="button" onclick="createRow()" value="Create Row" />
<table>
    <tbody id="tableToModify">
        <tr id="rowToClone">
            <td><input type="text" name="txt[]"/></td>
            <td>bar</td>
        </tr>
    </tbody>
</table>

function cloneRow() {
    var row = document.getElementById("rowToClone"); // find row to copy
    var table = document.getElementById("tableToModify"); // find table to append to
    var clone = row.cloneNode(true); // copy children too
    clone.id = "newID"; // change id or other attributes/contents
    table.appendChild(clone); // add new row to end of table
}

function createRow() {
    var row = document.createElement('tr'); // create row node
    var col = document.createElement('td'); // create column node
    var col2 = document.createElement('td'); // create second column node
    row.appendChild(col); // append first column to row
    row.appendChild(col2); // append second column to row
    col.innerHTML = "qwe"; // put data in first column
    col2.innerHTML = "rty"; // put data in second column
    var table = document.getElementById("tableToModify"); // find table to append to
    table.appendChild(row); // append row to table
}