以下是一个示例代码,演示如何遍历JavaScript对象并在每次迭代中更改表格内容:
HTML代码:
名称
年龄
城市
JavaScript代码:
var data = {
name: "张三",
age: 25,
city: "北京"
};
var table = document.getElementById("myTable");
var nameCell = document.getElementById("name");
var ageCell = document.getElementById("age");
var cityCell = document.getElementById("city");
// 遍历对象属性
for (var prop in data) {
if (data.hasOwnProperty(prop)) {
// 更改表格内容
switch (prop) {
case "name":
nameCell.textContent = data[prop];
break;
case "age":
ageCell.textContent = data[prop];
break;
case "city":
cityCell.textContent = data[prop];
break;
}
}
}
在这个示例中,我们首先获取了表格和每个单元格的引用。然后,我们遍历了JavaScript对象的属性。在每次迭代中,我们检查属性是否属于对象本身(而不是继承的属性),然后根据属性的名称更改相应单元格的内容。在这个示例中,我们使用了一个简单的switch语句,但根据实际情况,您可能需要使用更复杂的逻辑来更改表格内容。