从函数的返回中动态填充<td>

// 定义一个函数，返回包含数据的数组
function getData() {
  return [
    { name: 'John', age: 25, city: 'New York' },
    { name: 'Alice', age: 30, city: 'London' },
    { name: 'Bob', age: 35, city: 'Tokyo' }
  ];
}

// 获取表格元素
var table = document.getElementById('myTable');

// 调用函数获取数据
var data = getData();

// 遍历数据数组，动态生成表格行和单元格
data.forEach(function(item) {
  // 创建新的表格行
  var row = document.createElement('tr');

  // 创建并填充姓名单元格
  var nameCell = document.createElement('td');
  nameCell.textContent = item.name;
  row.appendChild(nameCell);

  // 创建并填充年龄单元格
  var ageCell = document.createElement('td');
  ageCell.textContent = item.age;
  row.appendChild(ageCell);

  // 创建并填充城市单元格
  var cityCell = document.createElement('td');
  cityCell.textContent = item.city;
  row.appendChild(cityCell);

  // 将新的表格行添加到表格中
  table.appendChild(row);
});