Javascript如何从HTML表格中生成的单元格中获取值？

<table id="myTable">
  <tr>
    <td id="cell1">Value 1</td>
    <td id="cell2">Value 2</td>
  </tr>
</table>

<script>
  var cellValue = document.getElementById('cell1').innerText;
  console.log(cellValue); // 输出 "Value 1"
</script>

<table id="myTable">
  <tr>
    <td>Value 1</td>
    <td>Value 2</td>
  </tr>
  <tr>
    <td>Value 3</td>
    <td>Value 4</td>
  </tr>
</table>

<script>
  var table = document.getElementById('myTable');
  for (var i = 0; i < table.rows.length; i++) {
    for (var j = 0; j < table.rows[i].cells.length; j++) {
      console.log(table.rows[i].cells[j].innerText);
    }
  }
</script>

<table id="myTable">
  <!-- 表格内容 -->
</table>

<script>
  var cells = document.querySelectorAll('#myTable td');
  cells.forEach(function(cell) {
    console.log(cell.innerText);
  });
</script>

function updateTableData() {
  // 更新表格数据的逻辑
}

function getTableValues() {
  var cells = document.querySelectorAll('#myTable td');
  cells.forEach(function(cell) {
    console.log(cell.innerText);
  });
}

// 假设数据更新后调用此函数
updateTableData();
getTableValues();