我无法在html中从json对象添加表。

<table id="myTable">
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>City</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格内容将在JavaScript中动态添加 -->
  </tbody>
</table>

var json = [
  { "name": "John", "age": 30, "city": "New York" },
  { "name": "Jane", "age": 25, "city": "London" },
  { "name": "Bob", "age": 35, "city": "Paris" }
];

var table = document.getElementById("myTable");

json.forEach(function(obj) {
  var row = table.insertRow(); // 创建新行

  // 添加单元格
  var nameCell = row.insertCell();
  nameCell.innerHTML = obj.name;

  var ageCell = row.insertCell();
  ageCell.innerHTML = obj.age;

  var cityCell = row.insertCell();
  cityCell.innerHTML = obj.city;
});