要删除HTML中的所有行，可以使用JavaScript来实现，以下是详细步骤：
（图片来源网络，侵删）
1、创建一个HTML文件，例如index.html，并在其中添加以下内容：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF8">
<meta name="viewport" content="width=devicewidth, initialscale=1.0">
<title>删除所有行</title>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>行1，列1</td>
<td>行1，列2</td>
</tr>
<tr>
<td>行2，列1</td>
<td>行2，列2</td>
</tr>
</table>
<button onclick="deleteAllRows()">删除所有行</button>
<script>
function deleteAllRows() {
var table = document.getElementById("myTable");
while (table.rows.length > 0) {
table.deleteRow(0);
}
}
</script>
</body>
</html>
2、在上述代码中，我们创建了一个包含两行的表格，并添加了一个按钮，当点击按钮时，将调用deleteAllRows()函数。
3、deleteAllRows()函数的实现如下：
通过document.getElementById("myTable")获取表格元素。
使用while循环检查表格是否还有行，如果表格的行数大于0，就执行循环体内的代码。
在循环体内，使用table.deleteRow(0)删除表格的第一行，由于每次删除一行后，后面的行会自动向前移动，所以始终删除第一行即可实现删除所有行的目的。
4、保存文件并在浏览器中打开index.html，点击“删除所有行”按钮，可以看到表格中的所有行都被删除了。
原创文章，作者：酷盾叔，如若转载，请注明出处：https://www.kdun.com/ask/391543.html
本网站发布或转载的文章及图片均来自网络，其原创性以及文中表达的观点和判断不代表本网站。如有问题，请联系客服处理。
发表回复