const table = document.getElementById('myTable'); var rows = table.rows; // 获取所有行 // 从第二行开始删除，因为第一行通常是标题 for (let i = 0; i < rows.length; i++) { const cells = rows[i].cells; const cellValue = cells[1].innerHTML; if(cellValue=="上传失败!"){ continue; }else{ table.deleteRow(1); } }哪里有问题

这段代码的问题在于，它只删除了表格中的第二行，而没有删除其他行。这是因为在 for 循环中，每次删除第二行后，下一次循环中的 rows 数组中第二个元素已经变成了原来的第三行，即删除的是新的第二行，而不是原来的第二行。因此，这段代码应该改为：

const table = document.getElementById('myTable');
const rows = table.rows;
// 从第二行开始删除，因为第一行通常是标题
for (let i = 1; i < rows.length; i++) {
  const cells = rows[i].cells;
  const cellValue = cells[1].innerHTML;
  if (cellValue == "上传失败!") {
    continue;
  } else {
    table.deleteRow(i);
    i--; // 删除行后需要将索引减1
  }
}

这个版本的代码在删除行后将索引 i 减1，以便继续检查下一行。这样可以保证所有符合条件的行都被删除。

相关问题

const table = document.getElementById('myTable'); var rows = table.rows;获取值怎么弄

如果您想要获取表格每一行的值，可以使用以下代码：

const table = document.getElementById('myTable');
const rows = table.rows;
for (let i = 0; i < rows.length; i++) {
  const cells = rows[i].cells;
  for (let j = 0; j < cells.length; j++) {
    const cellValue = cells[j].innerHTML;
    console.log(cellValue);
  }
}

这个代码块将获取表格中每个单元格的值并将其打印到控制台中。您可以根据您的需求对其进行修改。

js 初始化table示例

以下是使用 JavaScript 初始化表格的示例代码：

<table id="myTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>25</td>
      <td>男</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>30</td>
      <td>男</td>
    </tr>
    <tr>
      <td>王五</td>
      <td>28</td>
      <td>女</td>
    </tr>
  </tbody>
</table>

<script>
  // 获取表格元素
  const table = document.getElementById('myTable');

  // 获取表头和表体
  const thead = table.querySelector('thead');
  const tbody = table.querySelector('tbody');

  // 获取表头中的列数
  const columnCount = thead.rows[0].cells.length;

  // 将表格中的每一行转换为数组
  const rows = Array.from(tbody.rows).map(row => Array.from(row.cells));

  // 创建一个新的表格
  const newTable = document.createElement('table');

  // 创建表头
  const newThead = document.createElement('thead');
  const newRow = document.createElement('tr');
  for (let i = 0; i < columnCount; i++) {
    const newCell = document.createElement('th');
    newCell.textContent = `列 ${i+1}`;
    newRow.appendChild(newCell);
  }
  newThead.appendChild(newRow);

  // 创建表体
  const newTbody = document.createElement('tbody');
  rows.forEach(row => {
    const newRow = document.createElement('tr');
    row.forEach(cell => {
      const newCell = document.createElement('td');
      newCell.textContent = cell.textContent;
      newRow.appendChild(newCell);
    });
    newTbody.appendChild(newRow);
  });

  // 将新的表头和表体添加到新的表格中
  newTable.appendChild(newThead);
  newTable.appendChild(newTbody);

  // 替换原来的表格
  table.parentNode.replaceChild(newTable, table);
</script>

这个示例代码将原始表格的每行都转换为一个数组，然后创建一个新的表格来显示这些数组。在这个新表格中，表头中的列名是自动生成的，为“列 1”、“列 2”等等。你可以按照自己的需求修改这个代码来满足你的需求。