首先要确保表格已正确创建。然后,使用循环遍历数组,将每个元素添加到表格中。以下示例代码说明这一过程。
HTML:
姓名
年龄
JavaScript:
// 准备数据
var people = [
{name: "张三", age: 25},
{name: "李四", age: 30},
{name: "王五", age: 27}
];
// 获取表格和表格内容
var table = document.getElementById("myTable");
var tableBody = table.getElementsByTagName("tbody")[0]; //tbody是可选的,但是建议使用
// 循环遍历数组并添加每个元素
for (var i = 0; i < people.length; i++) {
var person = people[i];
var row = document.createElement("tr");
var nameCell = document.createElement("td");
var ageCell = document.createElement("td");
nameCell.textContent = person.name;
ageCell.textContent = person.age;
row.appendChild(nameCell);
row.appendChild(ageCell);
tableBody.appendChild(row);
}
这段代码将创建一个表格,其中包含姓名和年龄两列,然后使用循环遍历数组并将每个元素添加到表格中。
上一篇:表格不可滚动