清空<table>内容

你可以使用JavaScript来清空一个table的内容。以下是一种可能的方法：

var table = document.getElementById("table-id");
var rows = table.getElementsByTagName("tr");

for (var i = 0; i < rows.length; i++) {
  rows[i].innerHTML = "";
}

此代码会获取指定ID的table元素，然后遍历其中的行并将其内容清空。请确保将 `table-id` 替换为实际的表格ID。

相关问题

深度清空<table>的<tbody>标签的内容

可以使用JavaScript来清空`<table>`元素中的`<tbody>`标签的内容。以下是一个示例代码：

var table = document.querySelector('table'); // 获取table元素

if (table) {
  var tbody = table.querySelector('tbody'); // 获取tbody元素

  if (tbody) {
    tbody.innerHTML = ''; // 清空tbody元素的内容
  }
}

该代码首先获取table元素，然后检查是否存在tbody元素。如果存在，则使用`innerHTML`属性将其内容设置为空字符串，以清空tbody元素的内容。

修改这一段代码<table> <tr> <td>账&nbsp;&nbsp;&nbsp;号：</td> <td><input type="text" name="userNum" class="form-control" value="${list.getUserNum() }" readonly="readonly" /></td> </tr> <tr> <td>姓&nbsp;&nbsp;&nbsp;名：</td> <td><input type="text" name="userName" class="form-control" value="${list.getUserName() }" /></td> </tr> <tr> <td>密&nbsp;&nbsp;&nbsp;码：</td> <td><input type="text" name="password" class="form-control" value="${list.getPassword() }" /> </td> </tr> <tr> <td>联系电话：</td> <td><input type="text" name="phone" class="form-control" value="${list.getPhone() }" /></td> </tr> <tr> <td colspan="2"><input type="hidden" name="roleID" class="form-control" value="${list.getRoleID() }" /></td> </tr> <tr> <td><input type="submit" value="修改" class="btn btn-primary" /></td> <td><input type="reset" value="清空" class="btn btn-danger" /></td> </tr> </table>

<table> <tr> <td>账&nbsp;&nbsp;&nbsp;号：</td> <td><input type="text" name="userNum" class="form-control" value="${list.getUserNum() }" readonly="readonly" /></td> </tr> <tr> <td>姓&nbsp;&nbsp;&nbsp;名：</td> <td><input type="text" name="userName" class="form-control" value="${list.getUserName() }" /></td> </tr> <tr> <td>密&nbsp;&nbsp;&nbsp;码：</td> <td><input type="password" name="password" class="form-control" value="${list.getPassword() }" /> </td> </tr> <tr> <td>联系电话：</td> <td><input type="text" name="phone" class="form-control" value="${list.getPhone() }" /></td> </tr> <tr> <td colspan="2"><input type="hidden" name="roleID" class="form-control" value="${list.getRoleID() }" /></td> </tr> <tr> <td><input type="submit" value="修改" class="btn btn-primary" /></td> <td><input type="reset" value="清空" class="btn btn-danger" /></td> </tr> </table>

主要修改的地方是将密码的输入类型由"text"改为"password"，这样输入的内容会被隐藏，提高了安全性。