如何在javascript中清空表格？
我不能删除表的行内容，但是如果我也想删除行怎么办？
我的 Javascript 代码：（我希望除第一行之外的所有行都消失。）
function deleteAll() {
for ( var i = 0; i <= table.rows.length; i++){
table.rows[i].cells[0].innerHTML = "";
table.rows[i].cells[1].innerHTML = "";
table.rows[i].cells[2].innerHTML = "";
}
}
我的 HTML 表：
<body>
<div class="container">
<div class="tab tab-1">
<table id="table" border="1">
<th>
<th>First Name</th>
<th>Last Name</th>
<th>Age</th>
</th>
<tr>
<td>Frank</td>
<td>Nenjim</td>
<td>19</td>
</tr>
<tr>
<td>Alex</td>
<td>Ferreira</td>
<td>23</td>
</tr>
</table>
</div>
<div class="tab tab-2">
First Name :<input type="text" name="fname" id="fname">
Last Name :<input type="text" name="lname" id="lname">
Age :<input type="number" name="age" id="age">
<button onclick="deleteAll()">Delete All</button>
</div>
</div>
<script src="tableEdit.js"></script>
</body>
所以，上面的 Javascript 代码不能满足我，因为我只想保留第一行。我不想要空行。
Smart猫小萌3回答
-
慕森王
您可以使用本示例remove()中描述的 jQuery 函数来删除除（第一个）标题行之外的所有行：$('#table tr:not(:first)').remove();您可能只想删除本文<tbody>中提到的正文部分（内部）的行：$('#table > tbody > tr').remove(); -
翻翻过去那场雪
for(var i = 1;i<table.rows.length;){ table.deleteRow(i); } -
慕尼黑8549860
如果您只想删除数据行，请使用$("#table tr").remove();如果你想用标题清空表，然后使用$("#table").empty();
随时随地看视频慕课网APP
相关分类
JavaScript