,可以通过以下步骤实现:
var table = document.createElement('table');
var tbody = document.createElement('tbody');
table.appendChild(tbody);
var data = [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 30 },
{ name: 'Bob', age: 35 }
];
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);
// 将行添加到<tbody>中
tbody.appendChild(row);
});
document.body.appendChild(table);
这样,使用JavaScript就可以将多个值追加到<table>中。每个值都会作为一行数据添加到表格中,其中每个数据对象的属性对应表格的列。这种方法可以用于动态生成表格内容,适用于各种需要展示数据的场景。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云