html 动态修改表格内容,js动态修改、获取table单元格的内容

要动态修改表格内容，可以使用 JavaScript 来获取和修改单元格的内容。以下是一些示例：

1. 获取单元格内容

可以使用以下代码来获取 table 中指定单元格的内容：

var table = document.getElementById("myTable");
var row = table.rows[0];
var cell = row.cells[0];
var cellContent = cell.innerHTML;

这里假设 table 的 id 为 "myTable"，要获取第一行第一列的单元格内容。可以使用 rows 属性来获取表格的行，cells 属性来获取行中的单元格，然后使用 innerHTML 属性来获取单元格的内容。

2. 修改单元格内容

可以使用以下代码来修改 table 中指定单元格的内容：

var table = document.getElementById("myTable");
var row = table.rows[0];
var cell = row.cells[0];
cell.innerHTML = "New content";

这里假设 table 的 id 为 "myTable"，要修改第一行第一列的单元格内容。可以使用 rows 属性来获取表格的行，cells 属性来获取行中的单元格，然后使用 innerHTML 属性来修改单元格的内容。

需要注意的是，如果要修改大量单元格的内容，可以使用循环来实现。例如：

var table = document.getElementById("myTable");
for (var i = 0; i < table.rows.length; i++) {
  var row = table.rows[i];
  for (var j = 0; j < row.cells.length; j++) {
    var cell = row.cells[j];
    cell.innerHTML = "New content";
  }
}

这里使用了两个循环来遍历表格的所有行和单元格，并且将它们的内容都修改为 "New content"。