js怎样获取tr中的数据

<table id="myTable">
  <tr>
    <td>John Doe</td>
    <td>30</td>
  </tr>
  <tr>
    <td>Jane Smith</td>
    <td>25</td>
  </tr>
</table>

// 获取表格
var table = document.getElementById('myTable');
// 获取所有的行
var rows = table.getElementsByTagName('tr');

for (var i = 0; i < rows.length; i++) {
  var cells = rows[i].getElementsByTagName('td');
  for (var j = 0; j < cells.length; j++) {
    console.log(cells[j].innerHTML); // 打印每个单元格的内容
  }
}

// 使用CSS选择器获取所有行
var rows = document.querySelectorAll('#myTable tr');

rows.forEach(function(row) {
  var cells = row.querySelectorAll('td');
  cells.forEach(function(cell) {
    console.log(cell.textContent); // 打印每个单元格的内容
  });
});

document.getElementById('myTable').addEventListener('click', function(event) {
  if (event.target.tagName === 'TD') {
    var row = event.target.parentElement;
    var cells = row.getElementsByTagName('td');
    for (var i = 0; i < cells.length; i++) {
      console.log(cells[i].textContent);
    }
  }
});