js table获取td行

<table>
  <tr>
    <td id="myTD">Cell Content</td>
  </tr>
</table>

<script>
  var tdElement = document.getElementById('myTD');
  console.log(tdElement.innerHTML); // 输出: Cell Content
</script>

<table id="myTable">
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
</table>

<script>
  var tdElements = document.getElementsByTagName('td');
  console.log(tdElements[0].innerHTML); // 输出: Cell 1
  console.log(tdElements[1].innerHTML); // 输出: Cell 2
</script>

<table id="myTable">
  <tr>
    <td class="cell">Cell 1</td>
    <td class="cell">Cell 2</td>
  </tr>
</table>

<script>
  // 获取第一个匹配的<td>元素
  var firstTd = document.querySelector('#myTable .cell');
  console.log(firstTd.innerHTML); // 输出: Cell 1

  // 获取所有匹配的<td>元素
  var allTds = document.querySelectorAll('#myTable .cell');
  allTds.forEach(function(td) {
    console.log(td.innerHTML);
  });
  // 输出:
  // Cell 1
  // Cell 2
</script>

<table id="myTable">
  <tr>
    <td>Row 1, Cell 1</td>
    <td>Row 1, Cell 2</td>
  </tr>
  <tr>
    <td>Row 2, Cell 1</td>
    <td>Row 2, Cell 2</td>
  </tr>
</table>

<script>
  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];
      console.log(cell.innerHTML);
    }
  }
  // 输出:
  // Row 1, Cell 1
  // Row 1, Cell 2
  // Row 2, Cell 1
  // Row 2, Cell 2
</script>

window.onload = function() {
  var tdElement = document.getElementById('myTD');
  if (tdElement) {
    console.log(tdElement.innerHTML);
  } else {
    console.error('Element not found');
  }
};